넷플릭스 클론 디자인(TIL 8일차)

개인 과제로 나온 게 강의 실습하고 거의 겹쳐서 한번 해보면 좋겠다 생각해서 따라해본 것!

모바일 넷플릭스 스크린샷을 화면/섹션/ui요소 별로 정리해보았다.

그리고 네비게이션 바와 랭킹 부분 캐러셀을 만들었다.

4강 강의에서 하는 실습. 카드 부분에 히어로 섹션 배너가 잘못 들어가서 이후 수정

그리고 증식하는 컴포넌트들...

챕터 5에서 여태까지 만든 걸 조합해서 페이지를 만드는데, 강의 쭉 볼 때에는 에셋이 있는 줄 알았는데 피그마 실습 파일에 없었다...  히어로 섹션이랑 앱 바는 안 만들어뒀어서 부랴부랴 만들었다.

사실 카드 컴포넌트도 정답하고 꼼꼼히 대조해보지 않고 급하게 만들었다.ㅠㅠ  (그래서 item/card 베리언트에서 약간 헷갈리는 부분이 있어서 내일 확인해볼 예정)

 

그래도 이제 좀 익숙해져서 상세 화면 쪽은 빨리 만들 수 있을 것 같다. 손을 더 빨리빨리 움직이자...