Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- github
- 코코아톡
- expo
- 클론코딩
- react
- 느낀 점
- Clone
- HTML
- CSS
- coding
- scflix
- vanilla js
- 프로젝트
- Nomad
- 마무리
- react-native
- 자바스크립트
- Hook
- 계획
- Project
- Nicolas
- Nomad coder
- react-hook
- Netflix
- javascript
- TiMER
- 바닐라 자바스크립트
- Vanilla
- 오류
- Firebase
Archives
- Today
- Total
목록42seoul (1)
꾸매코딩
[Netflix] Detail page 헤더 부분, 출연진 출력
결과 Detail Page 헤더 부분에 onClick 이벤트를 활용하여 기본 정보, 출연진을 볼 수 있게 변경하였다. 출연진은 최대 10명까지만 나오도록 설정해두었다. 마우스를 가져가면(hover) 배우 이름이 나오고, 사진 아래에 캐릭터 이름이 나오도록 하였다. 계획 Detail 페이지 아래 부분에 해당 Tv 프로그램 / 영화와 비슷한 영상을 출력할 예정이다. Infinite Scroll을 추가할 예정이다. 느낀 점 처음 생각했던 레이아웃이 마음에 들지 않아 변경하는중인데, 코드가 뒤엉키면서 뒤죽 박죽 되어가는것 같다. 처음에 계획하는 시간이 얼마나 중요한지, 또한 코드를 확장성 있게 작성해두는것이 수정할때 얼마나 편리한지 몸으로 체험하고 있는것 같다. 코드 https://github.com/ssc98..
Project/Netflix [React + Hooks]
2021. 9. 13. 17:27