ํด๋น ํ๋ก์ ํธ๋ React Hook์ ๊ณต๋ถํ๊ธฐ ์ํด ์งํ๋ ์ฌ์ด๋ ํ๋ก์ ํธ์ ๋๋ค.
React ์ Hook ๊ธฐ๋ฅ์ด ๋๋์ด ์ ์ ๊ธฐ๋ฅ์ผ๋ก ํ์ฌ๋์์ต๋๋ค.
ํด๋น Hook ๊ธฐ๋ฅ์ ์ฌ์ฉํด๋ณด๊ธฐ ์ํด์, ์์ ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ์งํํด๋ณด์์ต๋๋ค.
Youtube ์ฃผ์ ๋๋ Video ID ๋ฅผ ํ์ฉํ์ฌ ์์ ๋ง์ ํ๋ ์ด ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค๊ณ ,
์ด๋ฅผ Local-Storage์ ๋ณด๊ด, ๋๊ธฐํํ์ฌ ํ๋ ์ด ๋ฆฌ์คํธ๊ฐ ์ ์ง๋๋๋ก ๊ฐ๋ฐํ์์ต๋๋ค.
Hook์ ๋ํด ์ฌ์ฉํด๋ณธ ๊ฒฝํ์ ์์์ผ๋, ์๊ฐ๋ณด๋ค๋ ์ด๋ ๋ฐ์์ Hook์ ๋ํด ์์๋ณด๊ณ ,
์ดํด๋ฅผ ๋๊ณ ์ ํด๋น ํ๋ก์ ํธ๋ฅผ ์งํํ์์ต๋๋ค.
๋ช ๋ น์ด yarn ์ ์ฌ์ฉํ์ฌ, ํ์ํ ๋ชจ๋์ ์ค์นํฉ๋๋ค.
์ดํ yarn start๋ก https://localhost:3000 ์์ HookPlayer๋ฅผ ๋ง๋๋ณด์ค ์ ์์ต๋๋ค.
