데브코스 최종 프로젝트 - 8~9일차

 

 

8~9일차

 

메인 페이지 구현

메인페이지에 필요한 컴포넌트들인 CourseItem, PlaceItem, Avatar, footer 등의 컴포넌트들을

추가로 구현하고 메인페이지에 붙였다.

 

 

컴포넌트들이 쌓인걸 보니 다른페이지 작업할 때 금방할 것 같아서 뿌듯했다.😊

API연결 없이 UI만 먼저 구현을 해서 그런지 코스/장소 목록 페이지도 금방 완성했다.

 

 

Link/Image 컴포넌트 구현

Next에서 제공하는 Link와 Image컴포넌트를 조금 변경해서 다른 팀원들이 사용하기 편하게 구현해봤다.

지식이 부족해서 공식문서랑 테스트를 몇가지 진행했었는데 이번 기회에 조금은 자세히 알게 되었다.

Image height auto를 설정하면서 방법을 찾기위해,,, 문서를 다시 읽게 되었고

관련된 내용은 또 찾아볼 것 같아서 따로 포스팅을 했다.

 

 

React.FC 사용 줄이기

다른 에러를 찾아보다가 FC에 대해서 알게되었는데 FC 타입 지정을 권장하지 않는다고 한다.

불필요한 props를 포함하고 제네릭을 사용할 수 없기 때문.

 

참고한 포스트 : FunctionComponent (FC) 사용 줄이기

 

우리 팀에서는 props의 type 지정을 React.FC로 맞춰서 진행하기로 했었는데

나한테는 props에 직접 타입을 지정하는 방식이 사실 좀 더 익숙했기 때문에

팀원들에게 전달하고 변경하기로 했다!