Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
cozy-ito merged 6 commits into from
May 1, 2025
Merged

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

cozy-ito merged 6 commits into from
May 1, 2025

Conversation

@cozy-ito
Copy link
Collaborator

@cozy-ito cozy-ito commented Apr 30, 2025

#️⃣연관된 이슈

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를 하드코딩하여 연동을 한 상태입니다. 😅
추후, 토큰 및 관련 전역 상태가 구현되면 수정하겠습니다. 👍

스크린샷 (선택)

  • 데스크탑
image
  • 태블릿
image
  • 모바일
image
  • 스켈레톤 (animate-skeleton 적용)
image

💬리뷰 요구사항(선택)

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

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

@cozy-ito cozy-ito added the Feature (기능 추가) 기능을 추가합니다. label Apr 30, 2025
@netlify
Copy link

netlify bot commented Apr 30, 2025 •
edited
Loading

✅ 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...

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
ghdtnals approved these changes Apr 30, 2025
View reviewed changes
Copy link
Collaborator

@ghdtnals ghdtnals left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

almighty55555
almighty55555 approved these changes Apr 30, 2025
View reviewed changes
Copy link
Collaborator

@almighty55555 almighty55555 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다!

src/layouts/MainLayout.tsx
import Header from "./Header";
interface MainLayoutProps {
isLoggedIn: boolean;
isLoggedIn?: boolean;
Copy link
Collaborator

@almighty55555 almighty55555 Apr 30, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Copy link
Collaborator Author

@cozy-ito cozy-ito May 1, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

@cozy-ito cozy-ito merged commit 55d330c into dev May 1, 2025
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@ghdtnals ghdtnals ghdtnals approved these changes

@almighty55555 almighty55555 almighty55555 approved these changes

Assignees

@cozy-ito cozy-ito

Labels

Feature (기능 추가) 기능을 추가합니다.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

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

4 participants

@cozy-ito @ghdtnals @almighty55555