React.createElement : html ํ๊ทธ ๋ง๋ค๊ธฐReactDOM : ๋ฆฌ์กํธ์์ ์ด๋ค์์ผ๋ก ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ง ์น ํ๋ฉด์ ์ค์ ๋ก ๊ตฌํํ๋ ์ญํ (๋ ๋๋ง ์ญํ )state : ์ปดํฌ๋ํธ์ ๊ฐ์ ์ค ํ๋๋ก ์ํ๋ ๋ฐ๋ ์ฌ์ง๊ฐ ์๋ ๋ถ๋ถ์ ์ค์ JSX : Javascript
์ฌ์ฉ์ ์ ์ ํ : ๊ธฐ์กด ํ ์ ์กฐํฉํด์ ์์ฑ์์ฃผ ์ฌ์ฉ๋๋ ์ฌ์ฉ์ ๋ก์ง์ ์ฌ์ฉ์ ์ ์ ํ ์ผ๋ก ์ ์ํ๊ณ ์ฌ์ฉ์ค๋ณต ์ฝ๋๋ฅผ ์ ๊ฑฐํ๋ฉฐ ํธํ๊ฒ ์ฌ์ฉํ ์ ์์ui ์ปดํฌ๋ํธ๋ฅผ ๋ชจ์ ๋ฌธ์ํํ๊ณ ๋ณด์ฌ์ฃผ๋ ์คํ์์ค ํด์ปดํฌ๋ํธ๋ฅผ storybook์ ๋ฑ๋ก์์ผ ๋์ผ๋ฉด ์ด๋ค ์ปดํฌ๋ํธ๊ฐ ์๋์ง
ํจ์, class๋ฅผ ์ฌ์ฉํ์ฌ ์ปดํฌ๋ํธ ์์ฑprops : ํจ์ ํ๋ผ๋ฏธํฐ๋ก ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์์defaultProps : ๊ฐ์ ๋๊ธฐ์ง ์์์ ๊ฒฝ์ฐ๋ฅผ ๋๋นํด defaultProps๋ฅผ ํตํด default ๊ฐ์ ์ง์ ํด ๋์ ์ ์์propTypes : ๋๊ฒจ์ง ๊ฐ์ ํ์ ์
๐TIL day39 React View๋ง ๊ด๋ฆฌํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ๋ค๋ฅธ ๋ถ๋ถ์ ์ฑ ์์ง์ง ์์ react๋ ์ปดํฌ๋ํธ์ ์กฐํฉ์ผ๋ก View๋ฅผ ๊ตฌ์ฑํ๊ธฐ ๋๋ฌธ์ ์ปดํฌ๋ํธ๋ react์ ๊ฐ์ฅ ์ค์ํ ์์ ๊ฐ์๋์ ์ฌ์ฉํ์ฌ ํ์ํ ๋ถ๋ถ๋ง ํ๋ฒ์ ๋ ๋๋งํ๊ธฐ ๋๋ฌธ์ ์ต์ ํ ์์ด ๋น ๋ฅธ ์ฑ