✨ feat: 내 프로필 상세 페이지 구현

[Yun-Jinwoo]

📌 변경 사항 개요

• 내 프로필 상세 페이지를 구현하였습니다.
• 프로필 등록/수정 페이지에 로그인 관련 문제가 있어 수정했습니다.

📝 상세 내용

• 초기에 getUser 함수로 해당 유저의 정보를 불러오며, 유저의 정보 등록 여부에 따라 다른 화면을 보여줍니다.
• 정보가 없다면 프로필 등록 레이아웃이 표시되며 정보가 있다면 해당 유저의 정보를 표시합니다.
• 단, 초기에 정보를 불러오기까지 시간이 걸리므로 그동안은 로딩 스피너를 표시합니다.
• 신청한 공고가 없으면 공고 보러가기 레이아웃이 표시되며 공고가 있다면 표 형태로 공고들의 현황을 보여줍니다.
• 전화번호 포멧팅을 위해 util 함수 formatPhone함수를 추가했습니다.
• 이전 페이지들과 마찬가지로, 로그인이 안된 상태로 접근 시 모달을 띄워 로그인 페이지로 이동시킵니다.

요구사항

• '내 프로필 등록하기' 버튼을 클릭하면 내 프로필 등록 페이지로 이동하세요.
• '편집하기' 버튼을 눌러 프로필 수정을 가능하게 하세요.
• '공고 보러가기' 버튼을 누르면 공고 리스트 페이지로 이동하도록 하세요.
• 신청 내역이 없다면 '공고 보러가기' 버튼이 나타나도록 하세요.
• 신청 내역이 있으면 결과를 페이지네이션으로 보여주도록 하세요.
• 오른쪽 상단의 '알림' 버튼을 누르면 신청 결과를 확인할 수 있도록 하세요.

🔗 관련 이슈

• [feat] 내 프로필 상세 페이지 구현 #97

🖼️ 스크린샷(선택사항)

-.Clipchamp.7.mp4

💡 참고 사항

• 현재 Table 컴포넌트에서는 userId를 필수로 받고 있습니다. userId를 localstorage에서 꺼내오므로 타입이 string | null 로 추론되는 문제로 Table에 전달할 때 userId가 없을 시 빈 문자열을 주도록 구현했습니다. 로그인이 안된 상태에서 테이블을 로드할 일은 없을 거라 생각하지만 만약 아이디가 없을 때에 대한 처리를 해야한다면 table컴포넌트 내에서 구현하는게 나을 것 같습니다.
• 공고 관련 기능이 아직 없어서 공고 신청 내역 테스트는 진행하지 못했습니다.

[Yun-Jinwoo]

영상에서는 내 정보 등록이 안되어있을 경우에도 신청 내역이 함께 나오는데 수정해서 이제 나오지 않습니다!

[Moon-ju-young]

수고하셨습니다! 근데 PC에서 화면을 축소하면 아래가 뜨는 현상이 발생하네요~

[Moon-ju-young]

💬 아마 2-4-4, 2-3-4, 4-4, 3-4 등의 배열도 가능할 거 같긴 합니다~ 다만 급한 기능은 아니니 참고만 해주세요

[Yun-Jinwoo]

제공된 api내에서 전화번호 유효성을 체크하는데 명확한 기준은 모르겠으나 아마 개인번호로 설정이 되어있는것 같아요~ 그래서 맨앞에 010, 011 등 정해진 숫자가 아니면 안되더라구요

[minimo-9]

고생하셨습니다 굿굿!