본문 바로가기
반응형

javascript기초3

[JavaScript] 자바스크립트 이벤트, 날짜, Math 메소드, 팝업창 정리 자바스크립트를 활용하여 동적인 웹사이트를 만들기 위해 반드시 알아야 할 핵심 기능들을 정리합니다. 이번 글에서는 이벤트 처리, 날짜 및 시간 함수, 수학 메소드, 팝업창 열기 등 다양한 기능을 실습 예제와 함께 소개합니다. 1. 이벤트(event)란?이벤트란 웹 브라우저에서 발생하는 HTML 요소에 대한 사용자의 행동(클릭, 입력 등)을 의미합니다. 예를 들어 버튼 클릭, 마우스 이동, 키보드 입력 등이 이벤트에 해당합니다. ▶ 이벤트 타입(event type)이벤트의 종류를 식별하는 문자열입니다.자주 사용되는 이벤트 타입: click, keydown, submit, change, mouseover 등▶ 이벤트 예제 코드// 상세 설명 보기document.querySelector('#open').oncl.. 2024. 7. 19.
[JavaScript] 자바스크립트 함수, 배열, 변수 완전 정리 이번 포스팅에서는 자바스크립트에서 자주 사용되는 함수(function), 배열(array), 변수(variable)의 개념과 문법을 정리합니다. 실습 예제도 함께 포함되어 있으므로 직접 코딩하며 익히기 좋습니다. 1. 함수(function)란?함수는 하나의 특별한 목적을 수행하도록 정의된 독립적인 코드 블록입니다. 필요할 때마다 호출하여 해당 작업을 반복적으로 처리할 수 있습니다.function 함수이름(매개변수1, 매개변수2,...) { 실행할 코드;} 2. 함수의 반환(return)return 키워드를 사용하면, 함수는 실행 결과를 호출한 곳에 돌려줍니다. 반환과 동시에 함수 실행은 종료됩니다.function multiply(a, b) { return a * b;}let result = mul.. 2024. 7. 18.
[JavaScript] 자바스크립트 기초 정리 – 변수, 연산자, 조건문, 반복문 자바스크립트(JavaScript)는 웹 페이지를 동적으로 동작하게 만드는 핵심 언어입니다. 이번 포스팅에서는 자바스크립트의 변수 선언, 연산자, 조건문, 반복문에 대해 예제를 중심으로 간단히 정리하였습니다. 1. 변수의 선언과 타입자바스크립트에서 변수는 var, let, const 키워드로 선언합니다.let x = 10;const y = 20;변수는 타입을 명시하지 않아도 됩니다.같은 변수에 다른 타입의 값을 여러 번 대입할 수 있습니다.단, let이나 const로 중복 선언은 불가능합니다. 2. 자바스크립트의 다양한 연산자산술 연산자let a = 10;let b = 5;a + b // 덧셈a - b // 뺄셈a * b // 곱셈a / b // 나눗셈a % b // 나머지 복합 대입 연.. 2024. 7. 17.
반응형

티스토리툴바