TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
7654321
Frontend
Storybook 9 + Vitest — 컴포넌트 테스트 모던 워크플로
Storybook 9의 Vitest 네이티브 통합으로 story가 곧 테스트가 되는 모델. CSF 4, addon 정리, CI 시간 단축 사례.
Frontend
React 컴포넌트 테스트 전략 — Testing Library 실전
React Testing Library를 사용하여 사용자 관점에서 컴포넌트를 테스트하는 전략과 패턴을 실전 예제와 함께 체계적으로 정리합니다.
Infra
Chaos Engineering — 프로덕션 장애를 미리 경험하기
Chaos Engineering의 원칙과 Chaos Monkey, Litmus로 시스템 복원력을 테스트하는 방법.
Frontend
Storybook 8 — 컴포넌트 문서화와 테스트의 핵심
Storybook 8의 새로운 기능과 컴포넌트 문서화, 비주얼 테스트 활용법.
Frontend
Vitest 심화 — 모킹, 스냅샷, 커버리지 전략
Vitest의 고급 모킹 패턴, 스냅샷 테스트, 코드 커버리지 설정 방법.
Frontend
Playwright E2E 테스트 실전 가이드
Playwright로 브라우저 E2E 테스트를 작성하고 CI에서 자동 실행하는 방법.
Frontend
Vitest — Vite 기반 차세대 테스트 러너
Vitest의 핵심 기능과 Jest 대비 장점, 실전 테스트 작성 패턴.