반응형
자바스크립트 학습 정리, 기본 문법과 작동 방식
지금까지 자바스크립트에 대해 학습한 내용을 다음과 같이 요약해 볼 수 있습니다.
1. 자바스크립트의 기본 문법
- 변수 선언:
let
,const
,var
를 사용하여 변수를 선언합니다.let
과const
는 ES6에서 도입되었으며 블록 스코프를 가집니다.var
는 함수 스코프를 가지고 있습니다. - 데이터 타입: 자바스크립트의 데이터 타입에는
Number
,String
,Boolean
,Null
,Undefined
,Object
,Symbol
등이 있습니다. - 연산자: 산술 연산자(
+
,-
,*
,/
등), 비교 연산자(==
,!=
,===
,!==
,>
,<
,>=
,<=
), 논리 연산자(&&
,||
,!
) 등을 사용합니다. - 조건문과 반복문:
if
,else
,switch
,for
,while
,do...while
등을 사용하여 조건에 따른 코드 실행과 반복 실행을 제어합니다. - 함수:
function
키워드를 사용하여 함수를 선언합니다. ES6부터는 화살표 함수(()=>{}
)도 사용할 수 있습니다.
2. 자바스크립트의 작동 방식
- 실행 컨텍스트와 호이스팅: 자바스크립트는 코드를 실행하기 전에 변수와 함수 선언을 메모리에 저장하는 호이스팅을 수행합니다. 실행 컨텍스트는 스코프, 호이스팅,
this
바인딩 등의 정보를 담고 있습니다. - 이벤트 루프와 비동기 처리: 자바스크립트는 단일 스레드로 작동하지만, 이벤트 루프를 통해 비동기 처리를 구현합니다.
setTimeout
,setInterval
, 비동기 함수(async/await
), 프로미스 등을 사용할 수 있습니다.
3. 자바스크립트의 고급 패턴과 기능
- 클로저: 함수가 선언될 때의 렉시컬 환경을 기억하여, 함수가 실행될 때 외부 함수의 변수에 접근할 수 있는 기능입니다.
- 프로토타입과 상속: 객체의 프로토타입을 통해 상속을 구현할 수 있습니다. 모든 객체는
prototype
객체를 가지며, 이를 통해 메서드와 속성을 상속받습니다. - 모듈화: ES6 모듈 또는 CommonJS를 사용하여 코드를 모듈화 하고,
import
와export
를 통해 모듈 간에 기능을 공유할 수 있습니다.
정리
자바스크립트의 기본 문법부터 고급 패턴까지 다양한 내용을 복습할 수 있습니다. 이 내용을 바탕으로 더 심층적인 학습을 진행하거나, 실습 문제를 통해 지식을 확립할 수 있습니다.
반응형
'도서로 공부하는 프로그래밍' 카테고리의 다른 글
[JS] 자바스크립트 반복 처리 정리 (42) | 2024.04.19 |
---|---|
HWP와 HWPX는 어떤 차이가 있나요? (46) | 2023.11.18 |
선화 드로잉에서 얼굴 그리는 요령 (50) | 2023.11.09 |
드로잉에서 면화 그리는 요령 (52) | 2023.11.08 |
드로잉에서 면화와 선화 비교 (49) | 2023.11.07 |