고급 JavaScript

커리큘럼

1. 섹션 1

   함수 깊이 파헤치기

   스코프와 클로저, 그리고 현대 JavaScript를 움직이는 함수형 패턴을 마스터해요.

   1. 1스코프 & 호이스팅
   2. 2클로저
   3. 3고차 함수
   4. 4배열 메서드 마스터하기

2. 섹션 2

   객체, 프로토타입 & 클래스

   this, 프로토타입 체인, 그리고 모던 클래스 문법을 속속들이 이해해요.

   1. 1객체 심화
   2. 2this 키워드
   3. 3프로토타입
   4. 4클래스

3. 섹션 3

   비동기 JavaScript

   이벤트 루프, Promise, async/await로 시간과 네트워크를 다뤄요.

   1. 1콜백 & 이벤트 루프
   2. 2Promise
   3. 3Async / Await
   4. 4Fetch API

4. 섹션 4

   튼튼한 앱 만들기

   에러 처리, 모듈, DOM 패턴을 결합해 진짜 애플리케이션을 만들어요.

   1. 1에러 처리
   2. 2ES 모듈
   3. 3DOM 패턴
   4. 4프로젝트: 날씨 대시보드

5. 섹션 5

   React & 컴포넌트 아키텍처

   명시적 props/state, 순수 렌더링, 제한된 effect로 접근성을 갖춘 컴포넌트 UI를 만드세요. HTML 문자열을 반환하는 함수부터 시작해 React의 동작 규칙과 JSX 코드 조각을 살펴봐요. 이어지는 React Applications 코스에서는 고정된 React 19 런타임에서 실행할 수 있는 TSX 프로젝트를 만들어요.

   1. 1JSX에 앞서 배우는 UI 함수
   2. 2Props, State & Reducer
   3. 3폼, 이벤트 & 접근성
   4. 4Effect & 데이터 페칭

6. 섹션 6

   서버 API & 데이터

   서버 핸들러, REST 계약, 검증, 매개변수화된 SQL 리포지토리를 설계하세요.

   1. 1서버 런타임 & 핸들러
   2. 2REST 자원 설계
   3. 3API 검증 & 오류
   4. 4SQL 리포지토리 & 트랜잭션

7. 섹션 7

   인증, 배포 & 관찰 가능성

   인가를 강제하고, 브라우저 경계를 보호하며, 반복 가능하게 배포하고, 런타임 건강을 관찰하세요.

   1. 1세션 & 인가
   2. 2브라우저 & API 보안
   3. 3배포, 마이그레이션 & 시크릿
   4. 4관찰 가능성 & 신뢰성

8. 섹션 8

   JavaScript 테스트

   동작을 고정하는 자동 테스트를 작성하세요: 풀스택 학습자가 믿을 수 있는 순수 함수, 비동기 핸들러, API 계약.

   1. 1왜 자동 테스트인가
   2. 2순수 함수 테스트하기
   3. 3비동기 & 핸들러 테스트
   4. 4API 계약 테스트

학습 경로