개요

HTML로 구조를, CSS로 모양을 만들었다면, JavaScript는 웹페이지에 동작과 상호작용을 불어넣는 프로그래밍 언어다. 버튼 클릭, 입력값 검증, 서버와의 데이터 통신 등 "움직이는 웹"의 거의 모든 것이 JavaScript로 구현된다.

#학습 로드맵

graph LR
    A[소개 &<br/>변수·타입] --> B[연산자 &<br/>제어문]
    B --> C[함수]
    C --> D[객체 &<br/>배열·ES6]
    D --> G[내장 객체]
    G --> E[DOM &<br/>이벤트·BOM]
    E --> F[비동기 &<br/>모듈]

#단원 안내

#문법 기초

• 소개 & 변수와 데이터 타입
  자바스크립트란, 실행 환경, console, var/let/const, 기본형·참조형 데이터 타입

• 연산자 & 문자열 & 제어문
  산술·비교·논리·대입·비트·타입 연산자, 문자열과 템플릿 리터럴, 조건문, 반복문

• 함수
  함수 정의와 호출, 매개변수와 반환, 기본 매개변수, 익명·화살표 함수, 콜백 함수

#데이터와 구조

• 객체 & 배열 & ES6 문법
  객체와 클래스, this, 프로토타입, 배열 메소드(map·filter·reduce), 구조 분해, 스프레드/rest

• 내장 객체 (Built-in Objects)
  Number, Math, Date, JSON, 전역 함수(parseInt·parseFloat·isNaN)

• DOM & 이벤트 & BOM
  요소 선택·변경·생성, 이벤트 처리, 브라우저 객체 모델(window·location·history 등)

#실무 활용

• 비동기 처리 & 모듈
  동기 vs 비동기, 콜백 헬, Promise, async/await, fetch, 모듈 시스템