카테고리 목록

React

4개

React2026-04-01

Atomic Design이란? 컴포넌트를 크기별로 나누는 설계 패턴

Atomic Design 패턴의 5단계 구조와 왜 쓰는지, 실제 프로젝트에 적용한 폴더 구조를 정리합니다.

React2026-04-01

interface와 props, 그리고 prop drilling

TypeScript의 interface로 props 명세를 작성하는 법, 컴포넌트가 props를 받는 구조, prop drilling 문제와 Zustand 해결책을 정리합니다.

React2026-04-01

Storybook이란? 컴포넌트를 독립적으로 확인하는 도구

Storybook의 역할과 Atomic Design과의 궁합, 언제 도입하면 좋은지 정리합니다.

React2026-03-25

React Hooks 핵심 정리

useState, useEffect, useCallback 등 자주 쓰는 React Hooks를 예제와 함께 정리합니다.