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
- Netflix
- react-native
- CSS
- javascript
- 프로젝트
- react
- coding
- Firebase
- react-hook
- Hook
- expo
- 계획
- Project
- Nomad
- Nicolas
- 느낀 점
- scflix
- Vanilla
- 자바스크립트
- 클론코딩
- vanilla js
- Clone
- 바닐라 자바스크립트
- github
- 오류
- Nomad coder
- TiMER
- 코코아톡
- HTML
- 마무리
Archives
- Today
- Total
꾸매코딩
[Netflix] Detail Page 구현 / 상세 내용 출력 본문
반응형
결과
영화, TV 프로그램에 Detail Page를 만들어 세부 내용을 나타내 주었다.
Route path를 "/movie/:id" , "/tv/:id"로 지정해 주었다.
영화는 IMDB 링크를 연결하였고, TV 프로그램은 각 Homepage와 연결하였다.
계획
이번에 해결하지 못한 평점을 ★7 이 아닌 ★★★☆☆ (star rating) 형태로 나타낼 예정이다.
포스터 상단에 [기본 정보 / 무비 클립 / 시즌 정보]를 클릭하면 각각의 내용을 보여주도록 할 예정이다.
느낀 점
class component로 한번 했던 내용이라 비교적 쉽게 하고 있다.
function component로 다시 만들면서 코드의 길이가 줄어드는 것을 느끼고 있다.
만들면 만들수록 추가해보고 싶은 기능들이 너무 많아서 행복하면서 막막한 고민을 하고 있다.
코드
https://github.com/ssc9811/scflix-hook
반응형