[FIX] 이미지 경로 설정 문제

[2018007956]

Problem

• 커뮤니티 상세 페이지를 만들고, 커뮤니티 프로필 이미지를 넣어준 후 메인페이지로 돌아왔더니 에러 발생
• 에러 메시지
• console에 커뮤니티 정보를 찍어보면 imageUrl에 이미지 경로가 아닌 파일 이름만 들어간 것을 확인할 수 있음
  • Urn (name) 이 아닌 Url (location) 정보 필요

Solved

• topSubs handler에서 전체 경로로 설정해줌
  • Postgres Operators || : Concatenate strings
• 에러 해결

[2018007956]

• 왜 커뮤니티 상세 정보 페이지 /r/[sub] 에서는 에러 없이 이미지가 잘 보였던거지?
  • client/src/pages/r/[sub].tsx에서 sub를 콘솔로 찍어보면 Url이 잘 들어가있음
  • 반면 메인 페이지 client/src/pages/index.tsx에서 topSubs 찍어보면 Urn만 나옴
• => 처리하는 핸들러가 다름
  • 메인 페이지에서 보여줄 때는 topSubs handler -> 여기 경로 문제가 있었음
  • 상세 페이지에서 보여줄 때는 getSub handler
• SubPage에서의 처리 과정은 다음과 같음

  fetcher 함수에서 백엔드로부터 url (/subs/${subName}) 정보를 요청함 router로 getSub 핸들러가 호출되면서 해당 커뮤니티의 정보를 프론트로 전달함

  • full 경로를 어디서 지정해주나?
  • 이미지 upload 할 때 multer 사용해서 경로를 지정해주는데 여기서 전체 경로로 처리되었다고 추측
  • multer 문법 검색 필요