feat: 앨범 상세 페이지 추가

[peacemaker474]

🔥 연관 이슈

close: #

📝 작업 요약

• 앨범 상세 페이지 추가

🔎 작업 상세 설명

• 앨범 상세 페이지 추가
• 앨범 상세 페이지에 따른 라우터 추가 및 일부 로직 변경
  • 공통 Header, Footer 영역 내 '/details' 포함 여부에 따른 조건부 렌더링 처리
  • /album/:id에서 /album/details로 라우터 변경
• host_03-2 앨범 상세 이미지 및 미니 앨범 영역 구현에 필요한 Swiper 추가
  • 미니 앨범 영역 구현
• 앨범 상세 페이지 Footer 내 아이콘 추가 및 날짜 형식 변환 로직 추가
  • 날짜 형식 변환 로직 (수정 필요)
  • 해당 이미지가 메세지를 포함하고 있는 지에 따른, 조건부 메세지 아이콘 추가 필요
• Header 영역 스타일 수정
• 이미지 내 메세지 유무에 따른 메시지 아이콘 조건부 렌더링 추가

🌟 논의 사항

• 현재 보여지고 있는 앨범에 대한 정보가 필요해서, 일단은 동작하기 위해서 전역변수로 억지로 처리했는데 이 부분은 조금 더 고민해봐야 할 것 같습니다. 이게 필요했던 이유는, 앨범 상세 영역 페이지 하단에 날짜 및 관련 이미지 정보를 통해 추후, 메세지에 대한 부분을 서버 요청해야 되기 때문입니다.
• 앨범 상세 페이지 내 전체적인 뷰 영역 및 미니 앨범 영역 내 Swiper의 CenteredSlides가 제대로 동작하지 않는 것 같은데, 해결해야 될 것 같습니다.😭
• 메세지 SVG가 공통되는데, 공통 Footer 하단과 메세지 영역에서 active에 따른 색상이 달라졌는데, 일단 급하게 하나 추가했습니다. 관련 어떻게 처리하는 게 좋을까요?

[leedawnn]

• 현재 보여지고 있는 앨범에 대한 정보가 필요해서, 일단은 동작하기 위해서 전역변수로 억지로 처리했는데 이 부분은 조금 더 고민해봐야 할 것 같습니다. 이게 필요했던 이유는, 앨범 상세 영역 페이지 하단에 날짜 및 관련 이미지 정보를 통해 추후, 메세지에 대한 부분을 서버 요청해야 되기 때문입니다.
• 앨범 상세 페이지 내 전체적인 뷰 영역 및 미니 앨범 영역 내 Swiper의 CenteredSlides가 제대로 동작하지 않는 것 같은데, 해결해야 될 것 같습니다.😭
• 메세지 SVG가 공통되는데, 공통 Footer 하단과 메세지 영역에서 active에 따른 색상이 달라졌는데, 일단 급하게 하나 추가했습니다. 관련 어떻게 처리하는 게 좋을까요?

Swiper의 CenteredSlides 관련해서 이것저것 해봤는데 모르겠네요.. 😇 그리고 공통 푸터 메세지 svg랑 메세지 영역 svg는 moment Blue로 색상이 똑같은 것 같은데, 달라진 게 어떤 걸까요?

[peacemaker474]

• 현재 보여지고 있는 앨범에 대한 정보가 필요해서, 일단은 동작하기 위해서 전역변수로 억지로 처리했는데 이 부분은 조금 더 고민해봐야 할 것 같습니다. 이게 필요했던 이유는, 앨범 상세 영역 페이지 하단에 날짜 및 관련 이미지 정보를 통해 추후, 메세지에 대한 부분을 서버 요청해야 되기 때문입니다.
• 앨범 상세 페이지 내 전체적인 뷰 영역 및 미니 앨범 영역 내 Swiper의 CenteredSlides가 제대로 동작하지 않는 것 같은데, 해결해야 될 것 같습니다.😭
• 메세지 SVG가 공통되는데, 공통 Footer 하단과 메세지 영역에서 active에 따른 색상이 달라졌는데, 일단 급하게 하나 추가했습니다. 관련 어떻게 처리하는 게 좋을까요?

Swiper의 CenteredSlides 관련해서 이것저것 해봤는데 모르겠네요.. 😇 그리고 공통 푸터 메세지 svg랑 메세지 영역 svg는 moment Blue로 색상이 똑같은 것 같은데, 달라진 게 어떤 걸까요?

host_03-2 하단에 메세지 아이콘이 검정색이고, 메세지를 클릭했을 때 moment Blue로 색상을 변경시켜야 하는데, 일단은 분리해서 추가시켜 놓은거라서, 합치는 작업도 필요할 것 같아요.