본문 바로가기
도서로 공부하는 프로그래밍

[JS] 자바스크립트 학습 정리, 기본 문법과 작동 방식

by 열공노년 2024. 4. 18.
반응형

자바스크립트 학습 정리, 기본 문법과 작동 방식

지금까지 자바스크립트에 대해 학습한 내용을 다음과 같이 요약해 볼 수 있습니다.

1. 자바스크립트의 기본 문법

  • 변수 선언: let, const, var를 사용하여 변수를 선언합니다. letconst는 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를 사용하여 코드를 모듈화 하고, importexport를 통해 모듈 간에 기능을 공유할 수 있습니다.

caption: JS 학습중 VSCode

정리

자바스크립트의 기본 문법부터 고급 패턴까지 다양한 내용을 복습할 수 있습니다. 이 내용을 바탕으로 더 심층적인 학습을 진행하거나, 실습 문제를 통해 지식을 확립할 수 있습니다.

반응형