YUN

πŸ‘ˆ Back to the Project

AppleTV+

View Code Demo

μ˜ν™” μ†Œκ°œ AppleTV+ μ›Ή μ‚¬μ΄νŠΈ 개발
React ν”„λ ˆμž„ μ›Œν¬λ‘œ TMDB의 The movie database APIλ₯Ό ν™œμš©ν•˜μ—¬ μ˜ν™” μ†Œκ°œ μ›Ή μ‚¬μ΄νŠΈλ₯Ό κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€.

  • 기여도

    개인 100%

  • κΈ°κ°„

    2022.12

  • 기술 μŠ€νƒ

    React React-Bootstarp React-Sass Netlify

Overview

Reactν”„λ ˆμž„ μ›Œν¬λ‘œ μ˜ν™” μ†Œκ°œ μ›Ή μ‚¬μ΄νŠΈλ₯Ό κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€.
react-multi-carousel μŠ¬λΌμ΄λ”λ‘œ ν™ˆ ν™”λ©΄μ˜ μ˜ν™” λͺ©λ‘μ„ κ΅¬ν˜„ν•˜μ˜€κ³ , 상세 νŽ˜μ΄μ§€λŠ” react-bootstrap modal을 μ΄μš©ν•˜μ—¬ 유튜브 λ™μ˜μƒμ΄ μž¬μƒλ˜λ„λ‘ ν™ˆνŽ˜μ΄μ§€λ₯Ό κ΅¬μΆ•ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
Netlify둜 μ‚¬μ΄νŠΈ λ°°ν¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Preview

Work

ν™ˆ 메인

상세 ν™”λ©΄

Trailer/Youyube μ˜μƒ modal 이용

Install

Redux

Redux-thunk

Redux-devtools

Redux-toolkit

Axios

React-Redux

React-Router

React-Bootstrap

React-icon

React-Sass

React-youtube