[ ] 유저 입장에서는 '똥간'을 찾아주세요 ! 라는 문구가 필요할 수 있을 것 같아요. 다른 기능 구현 후 추가하도록 하겠습니다.
✨ 개발 내용
1. 인트로 페이지 전용 template.ts 를 만들어 검은 배경화면을 적용했습니다.
2. framer 라이브러리를 활용해 기타 인트로 페이지의 애니메이션을 구현하였습니다.
3. '똥간' 키워드를 클릭하면 홈페이지로 이동합니다.
4. 메인 폰트를 추가하고, 사용 가능하도록 shared/fonts/font.ts에 설정해놓았습니다.
5. 메인 아이콘 추가 및 인트로 페이지에 사용했습니다.
6. 모바일 환경을 고려하여 제작하였습니다.
TroubleShotting
1. 처음에 메인 아이콘을 svg 파일로 저장해 사용하였는데 svg 파일을 사용하는 과정에서 계속 에러가 발생하여 .png 확장자로 변경, image 태그를 사용하였습니다.
2. 애니메이션을 적용하는 과정에서 처음 기획의(사다리꼴 모양의 불빛) 구현이 현재 숙련도로는 어렵다고 생각하여 다른 애니메이션(원 모양 불빛)으로 변경하였습니다.
📌 관련 이슈
Task TODOLIST
✨ 개발 내용
TroubleShotting
📸 스크린샷(선택)
📚 레퍼런스 (또는 새로 알게 된 내용) 혹은 궁금한 사항들
애니메이션 구현은 여기를 참고하였습니다.