๋ฐฐํฌ ์ฃผ์ or ์์ฐ ์์ : https://frontend-6-2-2.vercel.app/
![]() |
![]() |
![]() |
|---|---|---|
| ๐ญ๊น์ง์ | ๐ฐ์ตํ์ | ๐ํ์ง์ฑ |
์ํ ํธ๋ ์ผ๋ฌ ์คํ API๋ฅผ ํ์ฉํ์ฌ ์ํ ๋ชฉ๋ก์ ์กฐํํ๊ณ ์ฌ์ดํธ ๊ตฌํํด์ผ ํ๋ค.
- https://developers.themoviedb.org/3/movies/get-movie-videos
- API Key๋ฅผ ๋ฐ๊ธ ๋ฐ์์ผ ํ๋ค.
- react-query๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ ์บ์ฑํ๋ค.
- ๋ก๋ฉ ์ค์๋ ๋ชฉ๋ก ๊ฐ์ฅ ํ๋จ ๋ถ์ skeleton UI๋ฅผ ๋ํ๋ธ๋ค.
- useInfinitQuery๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌดํ ์คํฌ๋กค๋ง์ผ๋ก ๋ถ๋ฌ์จ๋ค.
ํ์ด์ง ๊ตฌ์ฑ
- home page
- now playing page
- upcoming page
- top-rated page
- ์ํ ์์ธ ํ์ด์ง
- ๊ฒ์ ๊ฒฐ๊ณผ ํ์ด์ง
- ์คํฌ๋กค์ ๊ฐ์งํ์ฌ scrollUp button ํ์๋๊ณ , ๋๋ฅด๋ฉด ์ต์๋จ์ผ๋ก ์คํฌ๋กค ์ด๋ํ๋ค.
- favicon์ ์ด์ฉํ์ฌ ์น ํ์ ์์ด์ฝ์ ์์ ํ๋ค.
ํ์ด์ง ๋ณ ๊ตฌํ ์ฌํญ
movies / ๋ฆฌ์คํธ ํ์ด์ง
- ํ๋ฒ ๋น ๊ฐ์ ธ์ฌ ๋ฐ์ดํฐ ์ต๋ 20
- ์ ๋ชฉ, ํฌ์คํฐ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ(์์ฌ), ๋ณ์ ํ์
- ํฌ์คํฐ ์๋ ๊ฒฝ์ฐ, ๋์ฒด ์ด๋ฏธ์ง ์ฌ์ฉ
movie / ์์ธ ํ์ด์ง
- ๋น๋์ค ์๋ ๊ฒฝ์ฐ, ํ์ด์ง ์ง์
์ ์๋์ผ๋ก ๋น๋์ค ํ๋ ์ด
- ์ ๋ชฉ, ํฌ์คํฐ, ๋ณ์ , ์ ์ ์ฐ๋, ์ฅ๋ฅด ๋ฐ์ดํฐ ํ์ฉํด์ UI ํ๊ธฐ
- ๊ทธ ์ธ์ ๋ฐ์ดํฐ ์ถ๊ฐ ํ์ฉ ์ฌ๋ถ๋ ์์
search
- ์ ๋ชฉ, ํฌ์คํฐ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ(์๊ฐ), ๋ณ์
- ํฌ์คํฐ ์๋ ๊ฒฝ์ฐ, ๋์ฒด ์ด๋ฏธ์ง ์ฌ์ฉ
ํ์
์์คํ
ํ ํ๊ธฐ
- ๊ธฐ๋ฅ๋ณ ๋ธ๋์น๋ฅผ ๋๋์ด ์์
ํ๊ณ merge ๊ณผ์ ์ด ํ์คํ ๋ฆฌ์ ๋ณด์ฌ์ผ ํ๋ค.
- ์ปจํ๋ฆญํธ ๋ฐฉ์ง๋ฅผ ์ํด ์ฝ๋ ์ปจ๋ฒค์
์ ๋ช
ํํ ํ๋ค.
- ์ ์์ผ ๋ฐฉ์์ ๋์
ํ๋ค. ์ ์์ผ์ ๋ด์ฉ์ ๋
ธ์
, ์ง๋ผ ๋ฑ์ ํตํด ๊ด๋ฆฌํ์ฌ ๋งํฌ๋ฅผ README.md์ ํฌํจํ๋ค.
- ๊ฐ ์กฐ๋ง๋ค์ ์ฝ๋ ์ปจ๋ฒค์
๋ฐ ์ปค๋ฐ ์ปจ๋ฒค์
๋ฑ์ ํต์ผํ ํ๋ค.
- Eslint์ Prettier๋ฅผ ํตํด ์ฝ๋ ํฌ๋งทํ
์ ํต์ผํ ํ๋ค.
-
NowPlaying, TopRanking , UpComingํ์ด์ง๋ณ api ๋ฐ์ดํฐ ๋ฐ์์ค๊ธฐ

-
๊ฐ ํ์ด์ง ๋ณ InfiniteQuery ์ useIntersectionObserver ๋ฅผ ํ์ฉํ์ฌ ์ธํผ๋ํธ์คํฌ๋กค & ์คํฌ๋กค๋ฐ ๊ธฐ๋ฅ ๊ตฌํ

-
favicon ๋ฐ๊พธ๊ธฐ
- scrollbar ๋ง๋ค๊ธฐ
์ฝ๋ ์ปจ๋ฒค์ https://www.notion.so/Code-Convention-b7072bccc00941f7a57c179ac07d1cd6
๊นํ๋ธ ์ปค๋ฐ ์ปจ๋ฒค์ https://www.notion.so/Git-Commit-Convention-5aa75099024e4ec0b4c95057a5fbbcf7






