Skip to content

study-react-from-scratch-hoco/Eddy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

11 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Eddy

npm run dev npx serve .
1์žฅ ์†Œ๊ฐ

์œ ๋ฐ๋ฏธ ์ˆ˜์—… ๊ฐ™์€ ๊ฒฝ์šฐ์—๋„, ์ž์„ธํžˆ ๋ณด์ง€ ์•Š๊ณ  ๋„˜๊ฒผ๋˜ ํŒŒํŠธ์˜€๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ๊ธฐ์ดˆ๊ธด ํ•˜์ง€๋งŒ, createElement๋ฅผ ์ง์ ‘ ์จ์„œ DOM์— ์—…๋ฐ์ดํŠธ ํ•˜๋Š” ๊ตฌ์กฐ๋Š” ๋น ๋ฅด๊ฒŒ ์Šคํ‚ตํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. DOM, Virtual DOM, createElement ๋ฅผ ๋‹ค์‹œ ์ •๋ฆฌํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์—ˆ๊ณ , TSX๋กœ ์ž‘์„ฑ๋œ ์ฝ”๋“œ๊ฐ€ ์–ด๋–ป๊ฒŒ HTML์— ํ‘œํ˜„๋˜๋Š”์ง€ ์ง์ ‘ ํ™•์ธํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์ด์˜€๋‹ค.

2์žฅ ์†Œ๊ฐ useState()๋Š” ํ˜ธ์ถœ ์ˆœ์„œ(index)์— ๋”ฐ๋ผ ์ƒํƒœ๋ฅผ ๋ฐฐ์—ด์— ์ €์žฅํ•˜๋ฏ€๋กœ, ๋ Œ๋”๋ง ์‹œ๋งˆ๋‹ค ๊ฐ™์€ ์ˆœ์„œ๋กœ ํ˜ธ์ถœ๋˜๋„๋ก ํ•ด์•ผํ•œ๋‹ค. ์ด์— usehook์„ loop์•ˆ์— ๋„ฃ๊ฑฐ๋‚˜, ํ•จ์ˆ˜์•ˆ์— ๋„ฃ๊ฒŒ ๋˜๋ฉด, ํ˜ธ์ถœ์ˆœ์„œ๊ฐ€ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ๋‹ค.

3์žฅ ์†Œ๊ฐ ๋™๊ธฐ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ณณ์—์„œ ๋น„๋™๊ธฐ๊ฐ€ ์˜ค๋Š” ๊ฒฝ์šฐ, throw ์ „๋‹ฌํ•˜์—ฌ, ์ค€๋น„๋œ ui๋ฅผ ๋ณด์—ฌ์ค€๋‹ค๋Š” ์ ์„ ๋ฐฐ์› ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํ•ด๋‹น node์— promise๊ฐ€ ์„ฑ๊ณตํ•˜๋ฉด, ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ๋‹ค์‹œ ๋žœ๋”๋งํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors