Liner(라이너 클론 코딩) 2일차

오늘의 소박한 todo

 

먼저 필요한 항목들이 담긴 fakedata 를 만들었다. 너무 길어서 한 항목만 발췌..

라이너 홈페이지/구현 결과

 

ContentsListEntry.js

먼저 한 항목을 구현해주는 Entry컴포넌트를 만들었다.

- 이따 나오겠지만 props로 받아온 content를 구조분해할당 해주었다.

- 각자 맞는 자리에 넣어주기..

- rightMenu 구현할 때 처럼 태그가 있는 항목과 없는 항목이 있어서 조건부 렌더링으로 태그를 매핑해주었다.

 

ContentsList.js

Entry를 매핑해주고, For you, Highlight를 담당하는 List컴포넌트를 만들었다.

- 흠..지금보니 굳이 foryou를 선언할 필요는 없어보인다. 수정 해놔야지

- FakeList의 foryou를 ContentsListEntry에 프롭스로 내려주면서 매핑한다

- 나머지 리턴값은 아직 라우팅을 안해서 고정값으로 해두었는데 라우터 설정한 담에는 조건부로 렌더할 예정이다.

 

오늘의 소박한 인사이트!