- ํ ํ๋ก์ ํธ S.A. ์ผ์ ๊ด๋ฆฌ
- ํ ํ๋ก์ ํธ ํ์๋ก
- ํ ํ๋ก์ ํธ ๋ฐํ ๋๋ณธ
- ํ ํ๋ก์ ํธ ํฌํธํด๋ฆฌ์ค
- TMDB Now Playing API
- TMDB Popular API
- TMDB Top Rated API
- TMDB Details API
- TMDB Credits API
- TMDB Similar API
- ์น ๊ธฐ๋ฐ UI/UX ํ์ ํด, Figma ์ฌ์ฉ
- Figma ํ์ ๋งํฌ
.prettierrc
๋ฐreset.css
์ฌ์ฉ ํ์- ๋ณ์ / ํจ์๋ช
์ง์
- Camel Case ์ฌ์ฉ :
makeCard
- ๋ณ์๋ช
์ ์ถ์ฝ์ด ์ฌ์ฉ ๊ธ์ง :
Del(x) Delete(o)
- DOM API ๋ณ์๋ช
๊ณผ ํด๋์ค๋ช
ํต์ผ :
const modal = document.querySelector(".modal")
- ๋ณ์๋ช ์ ๋ช ์ฌ, ํจ์๋ช ์ ๋์ฌ ์ฌ์ฉ
- ํจ์ ์์ฑ ์ ์๋จ ์ฃผ์ ํ์
- ๋ณ์ / ํจ์๋ช 20์ ์ด๋ด
- Camel Case ์ฌ์ฉ :
- Scope ๊ท์น
- tap depth ๊ธธ์ด ์ต๋ 4
- ์ค๊ดํธ ์ ๊ณต๋ฐฑ ์ถ๊ฐ
- ์กฐ๊ฑด๋ฌธ ๋ ์ฒ๋ฆฌ๋ else if ์ฌ์ฉ ์ง์
- Promise ์ฌ์ฉ ์ง์ ๋ฐ async, await ์ฌ์ฉ ๊ถ์ฅ
- ์ฃผ์ ๊ท์น
- ํ์ค
//
, ๋์ค/* */
์ฌ์ฉ
- ํ์ค
1๏ธ. remote dev
branch์์ local dev
branch๋ก pull
2๏ธ. Github issue ์์ฑ ์ดํ [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch ์์ฑ
3๏ธ. local [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch์์ ๊ธฐ๋ฅ ๊ตฌํ ์๋ฃ ํ remote [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch๋ก add, commit, push
4๏ธ. local [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch์์ remote dev
branch๋ก pull
5๏ธ. local [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch์์ conflict ํด๊ฒฐ ํ remote [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch๋ก add, commit, push
6๏ธ. local [issue๋ณ ์๋ ์์ฑ ๋ธ๋์น๋ช
]
branch์์ remote dev
branch๋ก pull request
์ฃผ์์ฌํญ : Issue ๅ ง ์๋ ์์ฑ branch ๋ช ์นญ ์์ ๊ธ์ง
MOVOLLEH
๋ฒํผ : ํํ์ด์ง ์๋ก๊ณ ์นจCredit
๋ฒํผ : ํ ํ๋ก์ ํธ ๋ฐ ํ์ ์๊ฐ ํ์ด์ง ์ด๋๊ฒ์
๋ฒํผ : ๊ฒ์ ๋ด์ฉ์ ํฌํจํ๋ ์ํ ์ ๋ชฉ ๊ฒ์- ๊ฒ์ ํ ๋์ ํ์ด์ง๋ค์ด์ ๊ธฐ๋ฅ์ผ๋ก ๋ค๋ฅธ ํ์ด์ง ์ด๋ ๊ฐ๋ฅ
์ธ๊ธฐ์ํ ๋ณผ๋?
: ์ธ๊ธฐ ์์ผ๋ก ์ํ ์ ๋ ฌ ๋ฐ ๋๋ณด๊ธฐ ๊ธฐ๋ฅ์ต์ ์ํ ๋ณผ๋?
: ์ต์ ์์ผ๋ก ์ํ ์ ๋ ฌ ๋ฐ ๋๋ณด๊ธฐ ๊ธฐ๋ฅ์ต๊ณ ํ์ ์ํ ๋ณผ๋?
: ์ต๊ณ ํ์ ์์ผ๋ก ์ํ ์ ๋ ฌ ๋ฐ ๋๋ณด๊ธฐ ๊ธฐ๋ฅ- ์ฐ์ธก ์คํฌ๋กค ์ ๋๋ณด๊ธฐ ๊ฐ๋ฅ
ํ ํ๋ก์ ํธ ๋ฐ ํ์ ์๊ฐ ํ์ด์ง
View out GitHub Repository
: ์นํ์ด์ง ๋ฐฐํฌ ๋ ํฌ์งํ ๋ฆฌ ์ ๊ทผCheck out the Live Project
: ์นํ์ด์ง ๋ฐฐํฌ ๋งํฌ ์ ๊ทผBlog
๋ฐGithub
: ๊ฐ ํ์์ ๋ธ๋ก๊ทธ ๋ฐ ๊นํ๋ธ ๊ณ์ ์ ๊ทผ
ANVOLLEH
๋ฒํผ : ๋๋ฉ ํ์ด์ง ๋ณต๊ท- ๋ฆฌ๋ทฐ
์์ฑ
๋ฒํผ : ๊ธฐ์ ๋ ๋ฆฌ๋ทฐ ๋ด์ฉ๊ณผ ๋ณ์ ์ localStorage์ ์ ์ฅํ ์ถ๋ ฅ- Validation Check
- ๋ฆฌ๋ทฐ ๋ด์ฉ ๊ณต๋ฐฑ ๋ถ๊ฐ
- ๋ณ์ ๋ฏธ์ ํ ๋ถ๊ฐ
- ๊ธฐ์กด ๋ฆฌ๋ทฐ์ ๋์ผํ ์์ฑ์๋ช ๋ถ๊ฐ
- ๊ณต๋ฐฑ or ์ซ์๋ก๋ง ๊ตฌ์ฑ๋ ์ด๋ฆ ๋ถ๊ฐ
- ๋น๋ฐ๋ฒํธ 8์ ์ด์, ์ซ์ ๋ฐ ํน์๋ฌธ์ ํฌํจ ํ์
- Validation Check
- ๋ฆฌ๋ทฐ
์์
๋ฒํผ : ๊ธฐ์ ๋ ๋ฆฌ๋ทฐ ๋ด์ฉ, ๋ณ์ ์์ ์ดํ ๋น๋ฐ๋ฒํธ๋ฅผ ๊ฒ์ฆํ์ฌ localStorage์ ์ฌ์ ์ฅํ ์ถ๋ ฅ- Validation Check
- ๋ฆฌ๋ทฐ ๋ด์ฉ ๊ณต๋ฐฑ ๋ถ๊ฐ
- ๋ณ์ ๋ฏธ์ ํ ๋ถ๊ฐ
- Validation Check
6๊ฐ ๋๋ณผ๋?
์ข์ฐ์ธก ํ์ดํ ๋ฒํผ : ์์ธ ํ์ด์ง ์ํ ๊ธฐ๋ฐ ์ถ์ฒ ์ํ ๋ฆฌ์คํธ ์ธ๊ธฐ๋ ์ ์ถ๋ ฅ ๋ฐ ๋๋ณด๊ธฐ ๊ฐ๋ฅ
- src
- crewDetail
- modal
- pagination
- review
- search
- tmdb-api
- main.js
- render.js
- similarMovies.js
- state.js
- style
- credit.html
- index.html
- movieDetail.html
ํ์ฅ : ์ฅ์ฑ์ |
ํ์ : ๊ตฌ๋จ์ฑ |
ํ์ : ์ํ์ |
ํ์ : ์ํ๊ถ |
ํ์ : ๋ฐฉ์ฑ์ |