박스오피스 영화 순위 페이지 (Self Project #4)

• Created by React*

---

Preview

노트북, 데스크탑 스크린

모바일 스크린

---

Features

React

• axios 라이브러리를 통해 영화 컨텐츠 정보 오픈소스 API을 사용
• styled-component 라이브러리를 통한 스타일 관리
• 반응형 레이아웃 적용(모바일/테블릿/노트북)
• props 값의 정확도 향상을 위해 각 prop에 propType 지정 (TS 적용으로 대체됨_2022.03)

TypeScript

- 기존 JavaScript --> TypeScript 적용

기타

• 적용 색상

  basicColor: '#eee6e3',
  strongColor: '#F1E0AC',
  wrapperColor: '#495371',
  backgroundColor: '#495371',
  NewRankColor: '#F68657',
  OldRankColor: '#c1c4bd'

Go to the page

: https://dlwlsdn201.github.io/movie-rank-page/