블로그
개발하며 배운 것과 기록들.
JUN 11, 2026 · Frontend
2026 Frontend Security Best Practices
2026년 프론트엔드에서 다루어야할 보안 지식과 예제를 함께 정리해봅니다.
MAY 29, 2026 · Frontend
AI 시대, knip으로 Dead Code 말끔히 정리하기
AI가 코드를 쏟아내는 만큼 Dead Code도 빠르게 쌓입니다. 프로젝트에 knip을 도입하고 CI에 통합하는 과정을 설명합니다
MAY 27, 2026 · 번역
[번역] TanStack Router and Query
TanStack Router에는 내장 캐시가 있는데, 왜 TanStack Query가 필요할까요? 물론 이유가 있습니다...
MAY 26, 2026 · React
번들러 완전 정복 — webpack부터 tsdown까지
webpack부터 tsdown까지 직접 빌드해보면서 각 번들러의 특징에 대해 알아봅니다
MAY 7, 2026 · 번역
[번역] What is Object Mutation in JavaScript?
객체를 다루다 보면 "mutation(변경)"이라는 용어를 듣게 됩니다. 그것은 무엇이고, 어떻게 동작할까요? let과 const는 실제로 어떻게 다를까요? 이 글에서 자세히 알아봅니다:
- MAY 3, 2026 · 번역
[번역] How to Communicate
- APR 30, 2026 · React
React 동시성(Concurrency) 이해하기 — 3편: React Server Components
- APR 21, 2026 · AI
5분만에 추가하는 Claude Code PR Review Bot
- APR 15, 2026 · 번역
[번역] React Server Components Your Way
- 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기 회고
- FEB 24, 2026 · 번역
[번역] Creating Query Abstractions
- JAN 22, 2026 · React
React 컴포넌트 추상화: 좋은 설계를 위한 기준
- JAN 9, 2026 · React
Tailwind CSS v4 모노레포 구성: 디자인 시스템을 공유하는 방법
- DEC 28, 2025 · React
Zustand Best Practices
- DEC 2, 2025 · 번역
[번역] Cohesion and Coupling: the difference
- NOV 29, 2025 · 번역
[번역] The Web Animation Performance Tier List
- 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 마이그레이션 진행하기
- APR 27, 2025 · 번역
[번역] What Does "use client" Do?
- MAR 16, 2025 · React
react-query v5의 useQuery에서 onSuccess를 깔끔하게 처리하는 방법
- MAR 12, 2025 · CSS
CSS isolation 활용법: z-index 충돌 없이 안전한 레이아웃 만들기
- MAR 2, 2025 · Journal
2025년에 내가 사용하는 맥 어플리케이션
- JAN 18, 2025 · 번역
[번역] How Vercel adopted microfrontends
- DEC 30, 2024 · React Native
monorepo로 expo 앱 개발하기
- NOV 10, 2024 · React
서버에서 관리하는 formData
- AUG 1, 2024 · 번역
[번역] What is Reconciliation and the Virtual DOM (VDOM)?
- JUL 24, 2024 · 번역
[번역] What is Reactivity?
- 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 21, 2024 · 번역
[번역] Zustand and React Context
- APR 12, 2024 · React
clsx + tailwind 맛있게 사용하기
- FEB 18, 2024 · 번역
[번역] ReactQuery Advanced Server Rendering
- FEB 2, 2024 · 번역
[번역] How React 18 Improves Application Performance (1)
- JAN 30, 2024 · 번역
[번역] Common mistakes with the Next.js App Router and how to fix them (2)
- JAN 20, 2024 · 번역
[번역] Common mistakes with the Next.js App Router and how to fix them (1)
- JAN 15, 2024 · React
shadcn-ui로 만드는 빠른 템플릿
- JAN 4, 2024 · 번역
[번역] React의 간단한 예제로 분해한 클린 아키텍처
- JAN 3, 2024 · 번역
[번역] Understanding React Server Components
- JAN 2, 2024 · 번역
[번역] Why Fetch Promise Doesn`t Reject on Error Responses
- DEC 26, 2023 · React
firebase auth로 간단하게 로그인 구현하기
- DEC 24, 2023 · JavaScript
[JS] array.at()도 사용해주세요
- DEC 20, 2023 · JavaScript
[JS] array.with()가 뭘까?