- Vercel로 바로 확인이 가능해서 편리했습니다!
- 진행 순서
- 18일 지금 살펴 보고 있는 상태로 보기엔 아직 앱이 기본적인 기능이 작동하지 않고 있는 것 같습니다. 일단 디자인을 구현하기 이전에, 데이터 페칭을 통해 화면을 그리고 게시물이 POST/PUT 요청으로 만들어지는 구조를 먼저 구현하시고, 그 다음 디자인을 붙이는 순서로 진행하시는 것이 빠르게 진행이 가능할 것 같습니다.
- 인터페이스
- 컴포넌트 인터페이스들이 구현하다 보면 스타일링과 표시를 구분하는 부분 (가령 ‘아이콘을 보여줄 것인지 보여주지 않을 것인지’, 데이터를 전달하는 부분 등이 섞이기 마련인데요, 특히 스타일링 관련 인터페이스들은 ‘넓게 퍼지기’ 쉬워서 이 부분을 주의하셔야 할 것 같습니다.
- 보면 React style prop(
<a style={{ … }} />
) 과 emotion을 사용한 스타일링이 혼재되어 있는 것 같은데 (대체로 style prop을 사용하고 있는 것으로 보이긴 합니다만) react style prop이 아닌 emotion을 이용해 작성하시길 권장 드립니다. 이 두 개가 혼재되면 css 우선 순위 문제 때문에 추후 상속되는 스타일을 변경하기가 어려워집니다.
- 화면
- 640px로 컨테이너 width 고정하지 않고, 100%로 설정하면 반응형으로 구현하기 편리해집니다.
- Route 구조
- 현재 초기라서 지금은 그냥 routing을 해 놓으셨을 수도 있는데, 구조적 routing을 도입하시면 좋습니다~ (가령 /challenges 나 /profile 같은 route들은 하나로 묶어서 children으로 넣어주는 방식입니다.)
- 비 로그인 유저들에 대한 route 접근 방식 등에 대해서도 설계를 해 보시면 좋겠습니다.