feat: Calender, CalenderModal 컴포넌트 및 CalendarPage 제작

[joowon-jang]

PR 유형

• [x] Feat: 새로운 기능 추가
• [ ] BugFix: 버그 수정
• [ ] Design: CSS 등 사용자 UI 디자인 변경
• [ ] Style: 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
• [x] Refactor: 코드 리팩토링
• [ ] Comment: 주석 추가 및 수정
• [ ] Docs: 문서 수정
• [ ] Test: 테스트 추가, 테스트 리팩토링
• [ ] Chore: 빌드 부분 혹은 패키지 매니저 수정
• [ ] Rename: 파일 혹은 폴더명 수정
• [ ] Remove: 파일 혹은 폴더 삭제

🔧 반영 브랜치

feature/CalendarPage_Calendar -> develop

💬 Description

Calender 컴포넌트를 제작하다보니 CalendarModal과 CalendarPage를 함께 구현하는 게 편할 것 같아서 말씀드린 대로 페이지 전체를 구현했습니다.

• Calendar: 달력, CalendarModal: 달력에서 조개를 클릭하면 나타나는 모달창, CalendarPage: 달력과 뒤로가기 버튼 등이 있는 페이지
• ShellButton 컴포넌트 리팩토링
• BackButton 컴포넌트에 restProps 추가
• go 아이콘 추가
• router 오타 수적
• calenderList.js의 createCalendarList로 달력 모양의 2차원배열을 만들고, 그 2차원배열을 map으로 순환하면서 렌더링할 jsx 마크업 작성
• pockethost에서 들어올 데이터 형식에 맞게 작성했음
• Calendar 관련은 모두 주석으로 자세하게 적어뒀습니다
• Calendar에서 해당 날짜에 맞는 일기를 할당하는 함수는 Array.prototype.find() 메서드를 사용하면 시간복잡도 O(n^2)으로 유저가 작성한 일기가 많아지는 만큼 성능이 많이 저하될 것 같아 탐색 성능을 고려해 시간복잡도 O(n)으로 기대되는 알고리즘으로 작성했습니다 (알고리즘 관련이라 그냥 탐색 시간이 절반정도로 줄었다고 생각하면 됩니다!)

📷 Screenshots

Resolves #65

[netlify[bot]]

✅ Deploy Preview for haemadi ready!

Name	Link
🔨 Latest commit	4a62b91bba03140e5e6808f62b8a13b6568e696a
🔍 Latest deploy log	https://app.netlify.com/sites/haemadi/deploys/66e9862f05cfaa000967a589
😎 Deploy Preview	https://deploy-preview-78--haemadi.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 95 Accessibility: 100 Best Practices: 100 SEO: 82 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.