[10] 개인 프로필 페이지 구현

[dev-allenk]

구현사항

• 프로필 편집 페이지 라우팅 url 수정
  • /profile-edit => /profile/edit
• 헤더에서 사용하던 CommonBtn컴포넌트를 공통으로 사용하기 위해 디렉토리 분리
• ProfilePage 구현
  • 프로필 사진 및 게시물 수, 팔로워 수 등을 보여주는 ProfileInfo 컴포넌트 작성
• PostContainer 컴포넌트 수정
  • 무한스크롤 로직을 재사용하기 위해 로직을 MainPage -> PostContainer 컴포넌트로 이동
  • 수정된 PostContainer 컴포넌트를 ProfilePage에서 재사용
  • MainPage와 ProfilePage에서 사용하는 api가 다르므로 api를 props로 받도록 작성
• 무한스크롤에 쓰로틀링 적용
• 글 작성 페이지로 연결할 NewPostFloat 컴포넌트 작성
  • 컴포넌트에 css 애니메이션 적용

참고사항

• webpack config.output에 publicPath 속성 추가
• 레이아웃을 좀 더 편하게 잡으려고 Header컴포넌트 수정한 부분이나, 기존 컴포넌트 수정한 게 있어요. 수정한 이유는 코드에 코멘트 남겨둘게요.

해결된 이슈 번호

• resolved #25

[leehwarang]

헛.... 엘런 ㅜㅜ 리뷰가 늦어졌다고, 일요일 저녁까지는 리뷰 남기고 월요일부터는 머지된 상태에서 새 개발할 수 있도록 한다고 댓글 남겼는데 뭘 잘못 눌렀는지 PR을 closed 를 시켜버렸...😭

미안합니다 ㅎㅎ Reopen해요. (빨리 자야겠다)