profile
Front-end Develop๐Ÿฅฐ
post-thumbnail

[React] React ๊ธฐ์ดˆ

React.createElement : html ํƒœ๊ทธ ๋งŒ๋“ค๊ธฐReactDOM : ๋ฆฌ์•กํŠธ์—์„œ ์–ด๋–ค์‹์œผ๋กœ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์ง€ ์›น ํ™”๋ฉด์— ์‹ค์ œ๋กœ ๊ตฌํ˜„ํ•˜๋Š” ์—ญํ• (๋ Œ๋”๋ง ์—ญํ• )state : ์ปดํฌ๋„ŒํŠธ์˜ ๊ฐ•์  ์ค‘ ํ•˜๋‚˜๋กœ ์ƒํƒœ๋Š” ๋ฐ”๋€” ์—ฌ์ง€๊ฐ€ ์žˆ๋Š” ๋ถ€๋ถ„์„ ์„ค์ •JSX : Javascript

2021๋…„ 11์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React] React Hook

์‚ฌ์šฉ์ž ์ •์˜ ํ›… : ๊ธฐ์กด ํ›…์„ ์กฐํ•ฉํ•ด์„œ ์ƒ์„ฑ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์‚ฌ์šฉ์ž ๋กœ์ง์„ ์‚ฌ์šฉ์ž ์ •์˜ ํ›…์œผ๋กœ ์ •์˜ํ•˜๊ณ  ์‚ฌ์šฉ์ค‘๋ณต ์ฝ”๋“œ๋ฅผ ์ œ๊ฑฐํ•˜๋ฉฐ ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œui ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ชจ์•„ ๋ฌธ์„œํ™”ํ•˜๊ณ  ๋ณด์—ฌ์ฃผ๋Š” ์˜คํ”ˆ์†Œ์Šค ํˆด์ปดํฌ๋„ŒํŠธ๋ฅผ storybook์— ๋“ฑ๋ก์‹œ์ผœ ๋†“์œผ๋ฉด ์–ด๋–ค ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์žˆ๋Š”์ง€

2021๋…„ 10์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React] React Hook

ํ•จ์ˆ˜, class๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ ์ƒ์„ฑprops : ํ•จ์ˆ˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›์„ ์ˆ˜ ์žˆ์ŒdefaultProps : ๊ฐ’์„ ๋„˜๊ธฐ์ง€ ์•Š์•˜์„ ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•ด defaultProps๋ฅผ ํ†ตํ•ด default ๊ฐ’์„ ์ง€์ •ํ•ด ๋†“์„ ์ˆ˜ ์žˆ์ŒpropTypes : ๋„˜๊ฒจ์ง„ ๊ฐ’์˜ ํƒ€์ž…์„

2021๋…„ 10์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[React] React๊ธฐ์ดˆ

๐Ÿ“šTIL day39 React View๋งŒ ๊ด€๋ฆฌํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ๋‹ค๋ฅธ ๋ถ€๋ถ„์€ ์ฑ…์ž„์ง€์ง€ ์•Š์Œ react๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์กฐํ•ฉ์œผ๋กœ View๋ฅผ ๊ตฌ์„ฑํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ปดํฌ๋„ŒํŠธ๋Š” react์˜ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์š”์†Œ ๊ฐ€์ƒ๋”์„ ์‚ฌ์šฉํ•˜์—ฌ ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ํ•œ๋ฒˆ์— ๋ Œ๋”๋งํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ตœ์ ํ™” ์—†์ด ๋น ๋ฅธ ์„ฑ

2021๋…„ 10์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท