🟨JavaScript 기술 문서

실행 컨텍스트, 클로저, 비동기, 프로토타입 등 JS의 핵심 원리부터 실무 패턴까지 정리한 가이드 모음입니다. 왼쪽 사이드바에서 원하는 문서를 선택해주세요.

01. 🧠 실행 컨텍스트 & 스코프

JS 엔진이 코드를 실행하는 방식, 호이스팅의 원리, var/let/const 스코프의 차이를 실무 관점에서 완전 정복합니다.

02. 🔒 클로저

함수가 태어난 스코프를 기억하는 클로저의 본질, 실무 패턴(데이터 은닉, 팩토리 함수, 메모이제이션)을 완전 정복합니다.

03. 🎯 this 바인딩

JS에서 가장 많이 헷갈리는 this의 5가지 결정 규칙, 화살표 함수와 일반 함수의 결정적 차이, call/apply/bind 완벽 정복.

04. 🧬 프로토타입 & 상속

JS의 본질인 프로토타입 체인, Object.create, 클래스 문법의 내부 동작, 실무에서의 상속 패턴을 완전 정복합니다.

05. ⏳ 비동기 & Promise

콜백 지옥이 왜 문제인지, Promise가 어떻게 해결했는지, Promise 체이닝과 병렬 실행 패턴을 실무 중심으로 정복합니다.

06. 🚀 async/await

async/await의 내부 동작 원리, 에러 처리 패턴, 병렬 최적화, 실무에서 자주 빠지는 함정들을 완전 정복합니다.

07. 🔄 이벤트 루프

콜 스택, 태스크 큐, 마이크로태스크 큐의 관계, 렌더링 타이밍, setTimeout(0)의 진짜 의미를 실무 관점으로 완전 정복합니다.

08. ✨ 모던 JS 문법

구조분해 할당, 스프레드/나머지 연산자, 옵셔널 체이닝, 널 병합 연산자 — 매일 쓰는 ES6+ 문법의 깊은 이해와 실무 활용.

09. 🗂️ 배열 고차함수

map, filter, reduce, find, some, every, flatMap — 매일 쓰는 배열 메서드의 올바른 사용법과 성능 고려사항, 함수형 조합 패턴.

10. 📦 모듈 시스템

ESM vs CJS의 근본 차이, import/export 패턴, 동적 import, 번들러 관점에서의 Tree Shaking까지 실무 중심으로 정복합니다.

11. 🚨 에러 처리

try/catch의 올바른 사용, 커스텀 에러 클래스, 비동기 에러 전파, 전역 에러 핸들러, 실무 에러 처리 전략을 완전 정복합니다.

12. 🗃️ Map, Set, WeakMap

일반 객체 대신 Map을, 배열 대신 Set을 써야 할 상황, WeakMap의 메모리 전략, 실무 캐싱·중복 제거 패턴을 완전 정복합니다.

13. ⚙️ 제너레이터 & 이터레이터

이터레이터 프로토콜, 제너레이터 함수의 lazy evaluation, 무한 시퀀스, async 제너레이터를 실무 관점으로 정복합니다.

14. 🏛️ 클래스

ES6+ 클래스의 모든 기능(private 필드, static, getter/setter), 믹스인 패턴, TypeScript와의 연결고리를 실무 중심으로 정복합니다.

15. 🧹 메모리 & 성능

가비지 컬렉터의 작동 원리, 메모리 누수 패턴과 탐지법, V8 최적화 원리, Chrome DevTools 프로파일링 실전 전략.