🎉정여사님오신날🎉

구현 이유

엄마의 생신이 부처님오신날과 겹쳐, 이를 모티브로 '정여사님오신날'을 기념하는 이벤트 페이지를 만들었습니다. 이 페이지는 매년 동생이 제작하는 영상과 콜라보하여 함께 제작되었습니다!

mrs.yh-s-hbd.mp4

개발 환경

• JavaScript – Languages
• TypeScript – Languages
• Next.js – Frameworks (Full Stack)
• Node.js – Frameworks (Full Stack)
• React – Javascript UI Libraries
• Zustand – State Management Library
• ESLint – Code Review
• GitHub Actions – Continuous Integration
• Jest – Javascript Testing Framework

시작하기

1. 저장소 클론

git clone https://github.com/yoonucho/Mrs.YH-s-birthday-card.git

2. node.js 설치(>=18.18.0)

https://nodejs.org/en/download

3. 모듈 설치 & 실행

npm install
npm run dev

Trouble Shooting

• 외부 이미지 호스트 허용하기
• TypeScript에서 offsetHeight 사용 시 발생하는 오류와 해결 방법
• 코드 한 조각으로 생일 파티 분위기 띄우기
• Jest와 react-testing-library로 통합테스트하기

배포

https://mrs-yh-s-birthday-card.vercel.app

요구사항 명세서

요구사항 명세서