๊ฐ์ธ๊ณผ์ ์์ ์์ฑํ ๋ด๋ฐฐ์บ ์ธ๊ธฐ์ํ ์ฝ๋ ์ ์ ๋ฐ์ ์ํค๋ ํ ํ๋ก์ ํธํ์๋ค์ ํ๋ก์ ํธ N๊ฐ ์ค 1๊ฐ๋ฅผ ๋ํ๋ก ์ ํ, ํ ํ๋ก์ ํธ๋ก ๋ฐ์ TMDB ์คํ API ์ด์ฉ์ํ์ ๋ณด ์์ธ ํ์ด์ง ๊ตฌํ๊ธฐ์กด ์ํ์ ๋ณด ์นด๋ ๋ฆฌ์คํธ์์ ํน์ item์ ์ ํํ ์, ์์ธ ํ์ด์ง๋ก ์ด๋ํ๋๋ก ๊ตฌ
๋ด๊ฐ ๋งก์ ํํธ part 1 (์ ์ฒด์ ์ธ ํ ๊ฐ๋ฐ) part 3 (๋ฆฌ๋ทฐ create ๋ถ๋ถ) ๊ตฌํํ๊ธฐ ์์ > ### Create flow ์ด๋ฆ, ๋ฆฌ๋ทฐ, ๋ณ์ ์ ์ ๋ ฅํ๊ณ ์ํฐ ํน์ ๋ฒํผ์ ๋๋ฅธ๋ค. 1-1. ์ด๋ฆ, ๋ฆฌ๋ทฐ๊ฐ ๋น์นธ์ด ์๋์ง ๊ฒ์ฆ (๋ณ์ ์ 0์ ์ ์ค
reviews๋ผ๋ key์ ๊ฐ์ฒด๋ก ๋ ๋ฆฌ๋ทฐ์ ๋ฐฐ์ด์ JSON์ ๋ด๋๋ค.JSON.stringify()๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ฐ์ JSON ๋ฌธ์์ด๋ก ๋ณํํ๋ค.JSON์ด๋?JSON์ JavaScript Object Notation์ ์ฝ์๋ก, ๋ธ๋ผ์ฐ์ ์ ์๋ฒ์ฌ์ด์์ ์ค๊ณ ๊ฐ๋ ๋ฐ์ดํฐ
โฌ๏ธclick ํ๋ฉดโฌ๏ธmouseover ํ๋ฉดstar-container์์ label ํ๊ทธ 5๊ฐ๋ฅผ ๋ฃ๋๋ค.๊ฐ label ํ๊ทธ ์์ input ํ๊ทธ์ span ๋ฅผ ๋ฃ๋๋ค.input ์ ๋ผ๋์ค ํ์ ์ผ๋ก css์ display : none; ์ผ๋ก ์จ๊ธด๋ค.๊ทธ ์์ span์ผ๋ก