블로그
개발하며 배운 것과 기록들.

JUL 7, 2026·Frontend
글쓰기와 독서, 추상화 그리고 AI
개발자로서 글을 쓰는 것에 대한 생각, 독서에 대한 생각, 추상화와 AI에 대한 생각을 정리합니다.

JUL 2, 2026·Performance
X의 피드 성능과 스크롤 복원 따라잡기 (1)
X의 피드는 스크롤을 아무리 내려도 성능이 뛰어나고, 상세 피드를 보고 돌아와도 스크롤 위치가 바로 복원됩니다. 어떤 원리인지 예제와 함께 알아봅니다.

JUN 11, 2026·Frontend
2026 Frontend Security Best Practices
2026년 프론트엔드에서 다루어야할 보안 지식과 예제를 함께 정리해봅니다.

MAY 29, 2026·Frontend
AI 시대, knip으로 Dead Code 말끔히 정리하기
AI가 코드를 쏟아내는 만큼 Dead Code도 빠르게 쌓입니다. 프로젝트에 knip을 도입하고 CI에 통합하는 과정을 설명합니다

MAY 26, 2026·React
번들러 완전 정복 — webpack부터 tsdown까지
webpack부터 tsdown까지 직접 빌드해보면서 각 번들러의 특징에 대해 알아봅니다
- APR 30, 2026·React
React 동시성(Concurrency) 이해하기 — 3편: React Server Components
- APR 21, 2026·AI
5분만에 추가하는 Claude Code PR Review Bot
- APR 12, 2026·React
React 동시성(Concurrency) 이해하기 — 2편: Hydration과 Streaming SSR
- APR 7, 2026·React
React 동시성(Concurrency) 이해하기 — 1편: Fiber 아키텍처
- MAR 1, 2026·회고
Toss Frontend Accelerator 5기 회고
- JAN 22, 2026·React
React 컴포넌트 추상화: 좋은 설계를 위한 기준
- JAN 9, 2026·React
Tailwind CSS v4 모노레포 구성: 디자인 시스템을 공유하는 방법
- DEC 28, 2025·React
Zustand Best Practices
- NOV 20, 2025·CSS
CSS corner-shape: 다양한 모서리 스타일 만들기
- OCT 8, 2025·React
useDeferredValue를 활용한 최적화
- SEP 20, 2025·vite
vite에서 5분만에 번들 최적화하기
- SEP 10, 2025·Journal
절차적이지만 괜찮아
- SEP 1, 2025·Web Worker
Web Worker로 구현하는 타이머
- AUG 23, 2025·React
프론트엔드 아키텍처: FSD로 관리하는 React 프로젝트
- AUG 3, 2025·Journal
08월 03일 - 두서없는 생각정리
- JUL 25, 2025·React
직접 구현하며 이해하는 React Hooks 내부 동작 원리
- JUL 17, 2025·Journal
직접 구현하며 이해하는 가상 DOM 아키텍처
- JUL 14, 2025·Journal
대 AI시대에 프론트엔드 개발자로서의 마음가짐
- JUL 2, 2025·Journal
첫 contribute로 시작된 vite 블로그 번역하기...?
- MAY 27, 2025·React Native
Cursor로 rusky와 react-native-svg-preview 만들기
- MAY 27, 2025·React Native
React Native (Expo) testflight CI/CD 적용하기
- MAY 7, 2025·CSS
tailwindcss v4.1 마이그레이션 진행하기
- MAR 16, 2025·React
react-query v5의 useQuery에서 onSuccess를 깔끔하게 처리하는 방법
- MAR 12, 2025·CSS
CSS isolation 활용법: z-index 충돌 없이 안전한 레이아웃 만들기
- MAR 2, 2025·Journal
2025년에 내가 사용하는 맥 어플리케이션
- DEC 30, 2024·React Native
monorepo로 expo 앱 개발하기
- NOV 10, 2024·React
서버에서 관리하는 formData
- JUL 1, 2024·Next.js
Nextjs Server-Sent Event with api routes
- JUN 23, 2024·JavaScript
Javascript heap out of memory & V8 메모리 구조
- MAY 20, 2024·React
React19 beta와 그 외 변경점
- MAY 1, 2024·CSS
tailwind3.4 활용하기
- APR 12, 2024·React
clsx + tailwind 맛있게 사용하기
- JAN 15, 2024·React
shadcn-ui로 만드는 빠른 템플릿
- DEC 26, 2023·React
firebase auth로 간단하게 로그인 구현하기
- DEC 24, 2023·JavaScript
[JS] array.at()도 사용해주세요
- DEC 20, 2023·JavaScript
[JS] array.with()가 뭘까?