- Next.js를 사용한 폼도로 타이머 제작 과정을 설명. ⏱️
- UI 구현: 간단한 디자인과 컴포넌트 구성.🎨
- 타이머 기능 구현: useTimer 훅을 사용하여 포커스 및 휴식 시간 관리. 🔄
- 타입스크립트 활용: 타입 안전성 확보 및 코드 가독성 향상. 🛡️
- 상태 관리: useState를 이용한 모드(포커스/휴식) 및 남은 시간 관리. 🧘
- 시간 포맷팅: 분과 초 단위로 시간 표시. 🔢
- setInterval 및 clearInterval 사용: 타이머 동작 제어. ⚙️
- 모듈 연산 활용: 초 단위 시간을 분과 초로 변환. 🧮
Recommanded Videos
