JavaScript / jQuery

DOM > Document Object Model; 문서 객체 모델 > DOM 개념 DOM은 웹 브라우저가 제공하는, HTML 및 XML 문서를 조작할 수 있도록 해주는 API이다. 웹 페이지를 로드할 때, 브라우저는 페이지의 HTML을 읽은 후, DOM을 생성한다. DOM을 통해 웹 페이지가 구조적으로 표현되며, 각각의 요소에 접근이 용이해진다. ...

변수와 변수의 유효 범위, 호이스팅 변수의 생명주기(스코프) > 스코프는 변수가 유효한 범위를 의미한다. > 변수의 선언 위치 JavaScript에서 변수의 스코프는 크게 글로벌 스코프와 로컬 스코프로 나눌 수 있다. 글로벌 스코프(Global Scope)

for, for in, for of for > 가장 일반적인 루프 방식으로, 조건이 true인 동안 코드 블록을 반복 실행한다. > 반복 횟수가 명확할 때 주로 사용된다. 초기화, 조건 검사, 반복 후 작업(보통 인덱스 증가)을 한 구문에 정의한다. 예시: for ... in > 객체의 모든 열거 가능한 속성에 대해 반복한다. > 객체의 속성 이름(...

깊은 복사와 얕은 복사 > 값에 의한 호출(Call by Value) vs 참조에 의한 호출(Call by Reference) 깊은 복사 > Deep Copy; 해당 변수가 참조하는 주소가 가리키는 값 자체를 복사한다.(Call by Value) > 깊은 복사는 기본형 데이터를 복사할 때 발생한다. JavaScript의 기본형 데이터 타입에는 ...

JavaScript 객체 > 관련 데이터와 함수를 그룹화하는 컨테이너 > 객체의 데이터는 속성(properties)으로, 함수는 메서드(methods)로 객체에 저장된다. JavaScript에서 모든 객체는 Object 클래스의 인스턴스이다. 속성 > 속성(Pr

JavaScript 익명 함수 > 익명 함수는 이름이 없는 함수이다. > 익명 함수는 함수를 사용할 때 유연성을 제공해준다 일회성 작업, 콜백 함수, IIFE 등 .. 익명 함수 특징 > 익명 함수는 일반 함수와 유사한 속성(properties)을 가진다. > 익명 함수는 변수에 할당되어 사용될 수 있으며, 이때 변수명이 함수를 호출하는데 ...

jQuery > 제이쿼리(jQuery)는 크로스 브라우징과 애니메이션 효과 등을 제공하는 자바스크립트 라이브러리이다. > 특징 여러 가지 편리한 기능과 호환성을 제공하는 동시에 브라우저 렌더링에 영향을 적게 주는 가벼운 라이브러리이다. CSS 선택자를 활용하여 DOM 객체에 쉽게 접근할 수 있다. 외부 라이브러리이기 때문에 라이브러리 파일을 프로젝트에...

DOM 조작 요소 조작 메서드 > 선택된 요소의 내용을 변경하는 메서드 > text(): 요소의 내용(innerText)을 가져오거나, 설정한다. html(): 요소의 html 태그 내용(innerHtml)을 가져오거나, 설정한다. 속성 조작 메서드 > 선택