프론트엔드

HTML·CSS부터 JavaScript, React와 상태관리까지, 화면을 만들고 데이터를 다루는 기술을 배웁니다.

총 177개의 글

JavaScript · 초급 JavaScript 설명 12분 2026.09.20

브라우저 Console과 Node.js에서 JavaScript를 실행하고, 실행 환경에 따라 사용할 수 있는 API가 달라지는 이유를 확인합니다.

TanStack Query · 고급 설명 12분 2026.09.20

TanStack Query · 15 / 15 · 최종 설계 · Next.js와 Query 캐시 경계 Next.js App Router와 TanStack Query를 함께 사용하면 "둘 다 캐시를 제공하는데 무엇을 어디에 맡겨야…

TanStack Query · 고급 설명 11분 2026.09.20

TanStack Query · 13 / 15 · 고급 학습 · HydrationBoundary 서버와 브라우저는 별도 QueryClient를 사용합니다. 준비한 상태를 dehydrate하고 HydrationBoundary로 전…

TanStack Query · 고급 설명 10분 2026.09.20

TanStack Query · 12 / 15 · 고급 학습 · Server Component prefetch 서버 데이터는 요청마다 만든 QueryClient에 미리 준비합니다. 이 준비만으로 브라우저 QueryClient에…

TypeScript · 고급 설명 13분 2026.09.20

TypeScript 7은 기존 JavaScript 기반 TypeScript compiler를 Go로 포팅한 네이티브 toolchain으로 전환한 큰 버전입니다.

TypeScript · 고급 설명 11분 2026.09.20

프로젝트가 커지면 타입을 잘 만드는 것만큼 "어떤 타입을 외부에 공개할 것인지"가 중요해집니다.

TypeScript · 중급 설명 8분 2026.09.20

React에서 TypeScript를 사용할 때 이벤트 타입을 외우려다 막히는 경우가 많습니다.

TypeScript · 고급 설명 9분 2026.09.20

TypeScript 타입은 컴파일 후 사라집니다.

TypeScript · 고급 설명 8분 2026.09.20

Conditional Type은 타입 수준에서 조건을 검사해 다른 결과 타입을 선택하는 기능입니다.

TypeScript · 중급 설명 8분 2026.09.20

Mapped Type은 객체 타입의 key를 반복하면서 각 property에 같은 규칙을 적용해 새로운 타입을 만드는 기능입니다.