[feat] 내 프로필 페이지 구현 (/profile)

[cozy-ito]

#️⃣연관된 이슈

ex) #이슈번호, #이슈번호

Closes #39

📝 PR 유형

해당하는 유형에 'x'로 체크해주세요.

• 기능 추가 (Feature)
• 버그 수정 (Bug Fix)
• 코드 개선 (Refactoring)
• 스타일 변경 (UI/UX)
• 문서 작업 (Documentation)
• 환경 설정 (Configuration)
• 기타 (Other)

📝작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)

• ProfilePage 페이지 컴포넌트 구현
  • 반응형 적용
  • useUserApplications 커스텀 훅 구현
  • profileLoader 로직 추가
  • UserApplicationTableSkeleton 컴포넌트 구현
    • Tailwind 유틸리티 스켈레톤 애니메이션 추가 (className 속성에 animate-skeleton 추가하면 애니메이션 자동 적용)
• MainLayout 컴포넌트 일부 수정
  • 기존 스타일에서는 height가 명확히 지정이 되지 않는 이슈로 일부 수정하였습니다. 🙏

현재는 직접 userId를 하드코딩하여 연동을 한 상태입니다. 😅
추후, 토큰 및 관련 전역 상태가 구현되면 수정하겠습니다. 👍

스크린샷 (선택)

• 데스크탑

• 태블릿

• 모바일

• 스켈레톤 (animate-skeleton 적용)

💬리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

[netlify]

✅ Deploy Preview for thejulge1 ready!

Name	Link
🔨 Latest commit	2ec6e77
🔍 Latest deploy log	https://app.netlify.com/sites/thejulge1/deploys/6811f2d06923330008e2c290
😎 Deploy Preview	https://deploy-preview-52--thejulge1.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[ghdtnals]

스켈레톤까지 구현하셨네요! 수고하셨습니다👍

[almighty55555]

수고하셨습니다!

[almighty55555]

MainLayout에서는 isLoggedIn을 필수화하는 게 안전한 방식이라고 생각했는데 옵셔널로 바꾸신 이유가 궁금합니다 🧐

[cozy-ito]

현재 optional로 변경을 한 것은 임시로 변경한 것입니다
optional로 변경하지 않으면, Router.tsx에서 타입 에러가 발생해서요 😅
나중에 로그인 상태는 결국 전역상태로 관리될 수 밖에 없다고 생각해서 MainLayout props들은 결국 없어질 것이라 예상합니다.