HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🙂
달리팀 노션
/
🚥
TDD로 리액트 앱 개발하기
🚥

TDD로 리액트 앱 개발하기

발표 정보실습 준비개요

발표 정보

  • 발표자: 조민철
  • 요약: TDD를 하면 내가 짜는 코드가 잘 돌아가는지 즉각적으로 자동화된 피드백을 받으면서 다음 작업으로 나아갈 수 있다
  • 형태: 실습 스텝바이스텝

실습 준비

개발환경(React, TS, Jest, react-testing-library) 세팅이 완료된 github 링크

개요

오늘 우리가 만들 것
  • 포매터블 인풋
설계 퍼스트
  • 우리가 만들 UI를 본다
  • UI를 보고 요구사항 명세를 확정한다
TDD(Test Driven Development) Cycle
  • 🔴Red
  • 🟢Green ⇒ 수단과 방법을 가리지 않고 최대한 빠르게 그린으로 간다 ⇒ happy path!
  • 🔵Refactor
notion image
notion image
TDD 시작
npm run test:watch
App.test.tsx
App.tsx