#자바스크립트

28 편의 글

타입스크립트 기초 강좌 #1 시작과 셋업
7 분 소요

타입스크립트 기초 강좌 #1 시작과 셋업

타입스크립트가 무엇이고 왜 쓰는지, 첫 코드를 컴파일해 실행하는 곳까지 한 번에 손에 익혀봅니다.

자바스크립트 실전 #6 작은 앱 빌드 — Todo 앱
5 분 소요

자바스크립트 실전 #6 작은 앱 빌드 — Todo 앱

바닐라 자바스크립트로 Todo 앱을 처음부터 끝까지 — DOM, 이벤트 위임, FormData, 로컬 스토리지, 작은 store까지 한 곳에 모읍니다.

자바스크립트 실전 #5 로컬 스토리지와 가벼운 상태 관리
5 분 소요

자바스크립트 실전 #5 로컬 스토리지와 가벼운 상태 관리

localStorage / sessionStorage의 사용법과 함정, 그리고 라이브러리 없이 화면 상태를 깔끔하게 관리하는 패턴까지 정리합니다.

자바스크립트 실전 #4 폼 다루기
6 분 소요

자바스크립트 실전 #4 폼 다루기

폼 검증, FormData 활용, 그리고 제출 시점의 패턴까지. HTML 빌트인 검증을 활용하면서 자바스크립트로 보강하는 방법을 정리합니다.

자바스크립트 실전 #3 fetch와 비동기 UI
5 분 소요

자바스크립트 실전 #3 fetch와 비동기 UI

fetch로 데이터를 받아 DOM에 반영하는 실전 패턴 — 로딩/에러 상태 표시, 디바운스, AbortController로 취소까지 정리합니다.

자바스크립트 실전 #2 이벤트 핸들링과 위임
6 분 소요

자바스크립트 실전 #2 이벤트 핸들링과 위임

이벤트 객체와 버블링/캡처링의 흐름, 그리고 효율적인 이벤트 위임 패턴 — DOM 인터랙션의 표준 도구를 정리합니다.

자바스크립트 실전 #1 DOM 조작 기본
6 분 소요

자바스크립트 실전 #1 DOM 조작 기본

바닐라 자바스크립트로 DOM을 다루는 기본. querySelector, classList, dataset, 그리고 엘리먼트 만들고 끼워넣기까지 정리합니다.

자바스크립트 고급 #7 모듈 시스템 깊이
6 분 소요

자바스크립트 고급 #7 모듈 시스템 깊이

CommonJS와 ES Modules의 차이, 모듈 호이스팅, 순환 참조 — 자바스크립트 모듈 시스템의 안쪽 동작을 정리합니다.

자바스크립트 고급 #6 Symbol과 Proxy
6 분 소요

자바스크립트 고급 #6 Symbol과 Proxy

충돌 없는 키를 만드는 Symbol, 객체 동작 자체를 가로채는 Proxy. 라이브러리 안쪽에서 만나는 자바스크립트의 메타 도구를 정리합니다.

자바스크립트 고급 #5 메모리 모델과 GC
6 분 소요

자바스크립트 고급 #5 메모리 모델과 GC

자바스크립트의 메모리 관리. 도달 가능성으로 동작하는 가비지 컬렉터와, 모르는 사이 객체가 살아남는 누수 패턴까지 정리합니다.

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

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

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

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

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

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