#자바스크립트

30 편의 글

자바스크립트 고급 #4 이벤트 루프와 태스크
5 분 소요

자바스크립트 고급 #4 이벤트 루프와 태스크

자바스크립트가 한 줄씩 실행하는 와중에 비동기를 처리하는 방법. 콜 스택, 태스크 큐, 마이크로태스크의 동작 순서까지 정리합니다.

자바스크립트 고급 #3 프로토타입 체인
6 분 소요

자바스크립트 고급 #3 프로토타입 체인

클래스의 진짜 정체. 프로토타입 객체가 메서드를 들고 있는 구조와 체인을 따라 속성을 찾는 동작 원리를 정리합니다.

자바스크립트 고급 #2 this 바인딩과 호출 패턴
5 분 소요

자바스크립트 고급 #2 this 바인딩과 호출 패턴

this가 호출 방식에 따라 결정되는 네 가지 규칙, call/apply/bind의 의미, 그리고 화살표 함수가 깨는 그 규칙까지 정리합니다.

자바스크립트 고급 #1 클로저와 스코프
6 분 소요

자바스크립트 고급 #1 클로저와 스코프

함수가 자기 환경을 끌고 다니는 클로저의 동작 원리, 렉시컬 스코프, 그리고 자주 만나는 실전 패턴과 함정까지 정리합니다.

자바스크립트 중급 #7 JSON 다루기와 직렬화
6 분 소요

자바스크립트 중급 #7 JSON 다루기와 직렬화

JSON.parse와 stringify의 옵션, Date/특수값/순환 참조 함정, 그리고 toJSON 메서드와 reviver/replacer 활용까지 정리합니다.

자바스크립트 중급 #6 fetch API와 에러 처리
5 분 소요

자바스크립트 중급 #6 fetch API와 에러 처리

모던 자바스크립트의 표준 네트워크 도구 fetch — 기본 사용법부터 헤더, JSON, 에러 처리, AbortController까지 정리합니다.

자바스크립트 중급 #5 옵셔널 체이닝과 nullish 병합
5 분 소요

자바스크립트 중급 #5 옵셔널 체이닝과 nullish 병합

깊은 객체 안전 접근의 `?.`, falsy와 nullish의 차이를 정리하는 `??`, 그리고 `??=` 같은 할당 변형까지 정리합니다.

자바스크립트 중급 #4 디스트럭처링과 spread/rest 심화
6 분 소요

자바스크립트 중급 #4 디스트럭처링과 spread/rest 심화

기초에서 가볍게 본 디스트럭처링과 spread를 더 깊이. 중첩 패턴, 매개변수에서의 활용, 그리고 자주 만나는 함정과 관용구를 정리합니다.

자바스크립트 중급 #3 이터레이터와 제너레이터
5 분 소요

자바스크립트 중급 #3 이터레이터와 제너레이터

for...of가 따르는 이터러블 프로토콜부터 자기만의 이터러블 만들기, 그리고 제너레이터로 게으른 시퀀스를 표현하는 패턴까지 정리합니다.

자바스크립트 중급 #2 비동기 입문 — Promise와 async/await
6 분 소요

자바스크립트 중급 #2 비동기 입문 — Promise와 async/await

콜백의 한계부터 Promise의 세 상태, async/await의 직관성까지 — 자바스크립트 비동기를 처음부터 끝까지 정리합니다.

자바스크립트 중급 #1 클래스
5 분 소요

자바스크립트 중급 #1 클래스

ES2015+ 클래스 문법, getter/setter, 정적 멤버, private 필드(#), static 블록까지. 모던 자바스크립트 클래스의 전모를 정리합니다.

자바스크립트 기초 #7 모듈 — import와 export
6 분 소요

자바스크립트 기초 #7 모듈 — import와 export

코드를 여러 파일로 나누는 ES Modules 시스템. named export, default export, 그리고 자주 만나는 함정과 권장 패턴까지 정리합니다.