디테일들은 아직 좀 더 만져야 하는데.. 우선 로직 작업도 이제 필요할 거 같아서 PR 올립니다.
Community 메인 페이지 작업하며, 필요한 컴포넌트 대부분 작업했습니다. /community로 확인 가능합니다.
원래 반응형 처리를 저번에 회의해서 얘기한 대로 min() 값으로 해결하고자 했으나, 어차피 폰트가 과하게 큰 채로 고정되어 있으면 spacing 등만 만지는 게 크게 의미없을 것이라고 판단했습니다. 그래서 primitives와 token 값을 모두 rem으로 바꿔둔 상태입니다. 그리고 globals.css에 font-size: clamp(10px, 0.9vw, 16px);와 같이 뷰포트 너비에 따라 글씨 크기와 기타 css 값들이 조절되게 해두었습니다. 이 방법 어떠실지 한번 확인하고 코멘트 남겨주시면 감사하겠습니다!
작업하다 보니 component와 module을 나누기 까다롭다고 여러 번 느꼈습니다...(TrendingCard나 PostListCard 등...). 현재 서버 통신하는 부분은 없이 UI만 구현했으므로, 컴포넌트를 작업하고 바로 페이지에 올리는 방식으로 작업했는데요, module을 어떻게 거칠지는 로직 작업하면서 더 생각해보겠습니다. 그와 별개로 앞서 말하는 컴포넌트들에서 hydration될 것이라고 기대되는 타입들은 다 명시를 해줬는데, 이게 추후 dto 짜는 과정에서 뭔가 중복될 것 같다는 생각이 드네요. 한번 확인해주시면 감사하겠슴다!
기존에 있던 컴포넌트들 리팩토링은 대부분 만졌는데(커뮤니티 페이지 쓰인 것들), 버튼 부분은 지금 다 mui로 되어 있어서... 일단 그대로 박아놨습니다. ASAP 작업하겠습니다 이거 생각보다 시간 많이 잡아먹는군요..
Community
메인 페이지 작업하며, 필요한 컴포넌트 대부분 작업했습니다./community
로 확인 가능합니다.min()
값으로 해결하고자 했으나, 어차피 폰트가 과하게 큰 채로 고정되어 있으면 spacing 등만 만지는 게 크게 의미없을 것이라고 판단했습니다. 그래서 primitives와 token 값을 모두rem
으로 바꿔둔 상태입니다. 그리고globals.css
에font-size: clamp(10px, 0.9vw, 16px);
와 같이 뷰포트 너비에 따라 글씨 크기와 기타 css 값들이 조절되게 해두었습니다. 이 방법 어떠실지 한번 확인하고 코멘트 남겨주시면 감사하겠습니다!Icon
이나Line
등 순수