Skip to content

dev4us/hook-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

25 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

gif

ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋Š” React Hook์„ ๊ณต๋ถ€ํ•˜๊ธฐ ์œ„ํ•ด ์ง„ํ–‰๋œ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

HookPlayer

React ์˜ Hook ๊ธฐ๋Šฅ์ด ๋“œ๋””์–ด ์ •์ƒ ๊ธฐ๋Šฅ์œผ๋กœ ํƒ‘์žฌ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๋‹น Hook ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ ์œ„ํ•ด์„œ, ์ž‘์€ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Youtube ์ฃผ์†Œ ๋˜๋Š” Video ID ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์ž์‹ ๋งŒ์˜ ํ”Œ๋ ˆ์ด ๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค๊ณ ,

์ด๋ฅผ Local-Storage์— ๋ณด๊ด€, ๋™๊ธฐํ™”ํ•˜์—ฌ ํ”Œ๋ ˆ์ด ๋ฆฌ์ŠคํŠธ๊ฐ€ ์œ ์ง€๋˜๋„๋ก ๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

Hook์— ๋Œ€ํ•ด ์‚ฌ์šฉํ•ด๋ณธ ๊ฒฝํ—˜์€ ์—†์—ˆ์œผ๋‚˜, ์ƒ๊ฐ๋ณด๋‹ค๋„ ์—ด๋ˆ ๋ฐ˜์‘์— Hook์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ ,

์ดํ•ด๋ฅผ ๋•๊ณ ์ž ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

yarn

๋ช…๋ น์–ด yarn ์„ ์‚ฌ์šฉํ•˜์—ฌ, ํ•„์š”ํ•œ ๋ชจ๋“ˆ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.

yarn start

์ดํ›„ yarn start๋กœ https://localhost:3000 ์—์„œ HookPlayer๋ฅผ ๋งŒ๋‚˜๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors