수능 카운트다운
React TypeScript
수험생들이 공부할 때 옆에 띄워두고, 줄어드는 시간을 보며 긴장감과 동기를 동시에 얻을 수 있도록 만든 수능 카운트다운 웹사이트에요.
프로젝트 소개
수험생들이 공부할 때 아이패드나 핸드폰에 띄워두고, 앞에 세워놓은 채 공부하다 보면 의지가 불타오를 수 있도록 만든 수능 카운트다운 웹사이트입니다. 밀리초 단위로 실시간 감소하는 타이머로 지금 이 순간의 급박함을 느낄 수 있고, 주기적으로 바뀌는 응원 메시지로 공부 의지를 이어갈 수 있습니다. URL 파라미터로 출생연도 상태를 관리해, 링크를 공유했을 때 선택한 연도가 그대로 유지됩니다. 수능 날짜는 '11월 셋째 목요일 오전 8시 10분'이라는 공식 기준으로 매년 자동 산출됩니다.
주요 기능
✦
밀리초 단위 실시간 카운트다운
✦
출생연도별 수능 날짜 자동 계산
✦
주기적으로 바뀌는 응원 메시지
✦
URL 파라미터 기반 연도 상태 유지
개발 내용
01 11월 셋째 목요일을 기준으로 수능 날짜를 자동 산출하는 로직을 구현했습니다.
02 URL 파라미터로 연도 상태를 관리하고 브라우저 뒤로가기/앞으로가기에 대응했습니다.
03 커스텀 훅으로 카운트다운과 URL 파라미터 로직을 분리해 구조를 설계했습니다.
04 Cloudflare Pages로 배포했습니다.