221202(๊ธ)
๐ ์ฑ์ฅ์ผ์ง 3.0
์ฑ
ํ๋ณตํ ์ด๊ธฐ์ฃผ์์(์จ์ธ ๋ค์ด์ด)
์ ๋ด์ฉ์ ์๊ทน๋ฐ์ ์์ํ๋ ์๋ฐํ ์ฑ์ฅ๊ธฐ๋ก
์ด์์๋ ๊ฝ๊ณผ ์ฃฝ์ ๊ฝ์ ์ด๋ป๊ฒ ๊ตฌ๋ณํ๋๊ฐ?
์ฑ์ฅํ๊ณ ์๋ ๊ฒ์ด ์ด์ ์๋ ๊ฒ์ด๋ค.
์๋ช ์ ์ ์ผํ ์ฆ๊ฑฐ๋ ์ฑ์ฅ์ด๋ค!
๐ณ ํค์๋ (1.0)
์ต๋ํ ๊ฐ๋จํ๊ฒ ์ ๋ฆฌ, ์ถํ์ ๋ณด๋ฉด์ ์ค์ค๋ก ์ค๋ช
๐ ๊ฒฝํ ์์ฃผ๋ก (2.0)
๋จ์ ์ ๋ณด๋ฅผ ์ ๋ฌํ๊ธฐ๋ณด๋ค ๋ฌด์์ ๋ฐฐ์ ๊ณ ์ด๋ป๊ฒ ํด๊ฒฐํ๋์ง ์งง๊ณ ๊ฐ๋จํ๊ฒ ์์ฑ
โ๏ธ ์ ํด์ง ํ ํ๋ฆฟ์ ๋ง์ถฐ์ (3.0)
ํค์๋, ๊ฒฝํ ๋ชจ๋ ์ข๋ค. ๋ค๋ง ๋งค์ผ ์์ฑํ๊ธฐ๋ก ๋ง์ ๋จน์๋งํผ ํต์ฌ๋ง ๊ฐ๊ฒฐํ๊ฒ ์ ๋ฆฌํ ์ ์๊ฒ ํ ํ๋ฆฟ์ ์์ฑ
๐ ์ค๋์ ํค์๋
- ๋ฆฌ์กํธ
- cra์์ด ํ๋ก์ ํธ ํ๊ฒฝ ์ค์
- ์์ง typescript๊น์ง ์ ์ฉ๋ react-project ์ธํ ์ ์กฐ๊ธ ์ด๋ ต๋นโฆ
๐ ์์ฝ ๋ฐ ํ๋ฃจ ๊ฐ๋จ ํ๊ณ
ํ๋ก์ ํธ์ ๋ค์ด๊ฐ๊ธฐ์ ์์, CRA(Create React App)์์ด ์นํฉ, ๋ฐ๋ฒจ ๋ฑ์ ํจํค์ง๋ฅผ ์ด์ฉํด์ ํ๋ก์ ํธ ํ๊ฒฝ์ ๊ตฌ์ฑํด๋ณด์๋ค. ์ค์ ๋ก๋ cra๋ฅผ ์ฌ์ฉํ๋ ๊ฒ ํจ์ฌ ํธํ๊ฒ ์ง๋ง, ๊ทธ๋๋ ์ง์ eslint, prettier๋ ์ ์ฉํ๊ณ ์นํฉ ๋ฐ ๋ฐ๋ฒจ์ ๋ํ ์ค์ , ๊ทธ๋ฆฌ๊ณ webpack dev server๋ฅผ ํตํด ์ปดํฌ๋ํธ ๋ณ๊ฒฝ ์๋ง๋ค ์ฆ๊ฐ์ ์ผ๋ก hot loading์ด ๋๊ฒ ํ๋ ๊ฒ๋ ์ฌ๋ฏธ์์๋ค. ์ด์ ๊ตฌํ์ ์์ํ๋ฉด์ ๋ฐฐ์ด ๋ด์ฉ๋ค์ ๋ ๊ณต๋ถํ๊ณ ๋ค๋ฌ์!! ๊ทธ๋ฌ๋ฉด์ CS, ์๊ณ ๋ฆฌ์ฆ, ๋ค๋ฅธ ๊ธฐ์ ๋ค๋ ๋ฐฐ์์ผํ ๊ฒ์ด๋ค!