프론트엔드

React

React hooks, 낙관적 업데이트, 테스트

3개의 글
  1. 프론트엔드/React

    한 기능을 수직으로 덮는 테스트 피라미드: Weekly Report 기능의 50+ 테스트 사례 연구

    주간 리포트 하나를 출시하는 데 유닛 41개 + E2E 10개 = 51개 테스트가 필요했다. 같은 기능을 왜 여러 층위에서 반복 검증하는가? 피라미드 각 층의 역할과 '어떤 테스트를 어디에 둘지'의 구체적 선택.

    14분 읽기
  2. 프론트엔드/Next.js

    URL 쿼리로 토글하는 인라인 전체화면: Next.js App Router + useRouter().replace() 패턴

    '별도 /fullscreen 라우트 만들지 말고, 같은 페이지에서 ?panel=full 쿼리로 토글합시다.' PR 리뷰 코멘트 하나로 페이지 전체가 단순해졌다. URL을 상태로 삼는 패턴과 그 한계.

    12분 읽기
  3. 프론트엔드/React

    Vitest와 MSW로 React Hook 테스트하기 (실전 가이드)

    Jest 테스트가 느려서 Vitest로 마이그레이션했습니다. MSW와 함께 Custom Hook을 테스트하는 실전 가이드를 공유합니다.

    9분 읽기