[35] 다른 사용자의 프로필이미지와 닉네임 클릭시 해당 프로필페이지로 이동하는 기능 추가 - Githubissues

codesquad-project-team / frontend

🍻취향 공유 sns 팀프로젝트

20 stars 3 forks source link

[35] 다른 사용자의 프로필이미지와 닉네임 클릭시 해당 프로필페이지로 이동하는 기능 추가 #84

Closed dev-allenk closed 4 years ago

dev-allenk commented 4 years ago

구현사항

MainPage - PostItem 컴포넌트
- 포스트 목록의 헤더에 보여지는 프로필 이미지와 닉네임에 링크 추가
- 프로필이미지에 hover 시 main color로 그림자 효과 부여
DetailPage
- 포스트 상세 페이지에서 프로필 이미지와 닉네임에 링크 추가

참고사항

NavigationContext라는 라우팅용 전역 컨텍스트를 만들어서 user id를 담아두게끔 했어요.
이유: 프로필 페이지로 이동하려면 해당 사용자의 'id'를 가지고 요청을 해야했어요.(id가 primary key라서) 그런데 리액트 라우터 URL은 사용자의 닉네임으로 표기하기로 했지요.(ex: /profile/@nickname) 따라서, 컴포넌트 사이에 id를 넘겨줄 때 리액트 라우터를 사용할 수 없었어요. URL에 id도 넘겨주면 그게 그대로 사용자에게 노출이 되니까요. 그래서 별도 컨텍스트에 저장해서 그 값을 사용하는 방식으로 구현했어요.

해결된 이슈 번호

resolved #71

dev-allenk commented 4 years ago

버그 수정 완료! merge 합니다~ ---수정내용--- 문제 : 프로필을 보는 도중 로그인/회원가입 하면 새로고침되면서 context에 저장된 userId가 날아가버림 기존 : context api로 보여줄 유저 id를 저장 수정 : localStorage로 보여줄 유저 id 저장 sessionStorage를 고려하지 않은 이유 : 클릭한 순간에만 필요한 값이라서 세션별로 별도의 스토리지 공간을 차지할 필요가 없다고 판단했어요.