๐ Create React App์ ๋ํ Dan Abramov์ ์๊ฐ
ํ์ ๋์ด ๋ฒ์ญํด์ฃผ์ ๊ธ์ ๋๋ค. ์ ์ฒด๋ Create React App์ ๋์ ํด Vite React Template ์ฌ์ฉ์ ์ ์ํ PR์ Dan Abramov๊ฐ ๋ต๋ณํ ๋ด์ฉ์ ๋๋ค. React๋ฅผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก์จ ์ ์ฐํ๊ฒ ์ ์งํ๊ธฐ ์ํด ์ด๋ค ๊ณ ๋ฏผ์ ํ๊ณ ๊ทธ ๊ฒฐ๊ณผ ์ด๋ค ๊ฒฐ์ ์ ํ๋์ง ํ์ธํ ์ ์๋ ๊ธ์ ๋๋ค. React๋ฅผ ์ฌ์ฉํ ํ๋ ์์ํฌ ์ํ๊ณ๋ฅผ ๊ฑด๊ฐํ๊ฒ ์ ์งํ๊ณ ์ถ์ดํ๋ค๋ ์ธ์์ ๋ฐ์์ต๋๋ค. (์๋๋ ๋ฒ์ญ๋ณธ ์ค ์ผ๋ถ) - ์ฐ๋ฆฌ๋ ๋ฆฌ์กํธ์ ์ ์ฐ์ฑ์ ์ข์ํฉ๋๋ค. ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํด ๋จ์ผ ๋ฒํผ์ ๋ง๋๋ ๊ฒ๋ถํฐ ์ ์ฒด ์ฑ์ ๋ง๋๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋ฆฌ์กํธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ปดํฌ๋ํธ๋ฅผ ํจ๊ป ์ ์ํ๊ณ ํฉ์ฑํ ์ ์๋ ๋ช ๊ฐ์ง API๋ฅผ ์ ๊ณตํฉ๋๋ค. ๋ํ, ๋ฆฌ์กํธ๋ ์ํคํ ์ฒ์ ๋๋ค. ํ๋ ์์ํฌ ์์ฑ์๊ฐ ๋ ๋๋ง ๋ชจ๋ธ์ ์ต๋ํ ํ์ฉํ ์ ์๋๋ก ๋น๋ฉ ๋ธ๋ก์ ์ ๊ณตํฉ๋๋ค. ํ๋ ์์ํฌ ์์ด ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋, ํ๋ ์์ํฌ์ ํจ๊ป ์ฌ์ฉํ ๋ ํ๋ ์์ํฌ๊ฐ ๋ฆฌ์กํธ ์์ฒด๋ฅผ ์ต๋ํ ํ์ฉํ ์ ์๋์ง๋ฅผ ํ์ธํ๊ณ ์ถ์ต๋๋ค. - ์ํ๊ณ์๋ ํ๋ ์ด์์ ๋ฆฌ์กํธ ํ๋ ์์ํฌ๊ฐ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ด๋ฐ ์ ์ ์ข์ต๋๋ค. ์ดํ์ ๋ํ ์ฐ๋ ค์๋ ๋ถ๊ตฌํ๊ณ ๋ฆฌ์กํธ ์ํ๊ณ์๋ ๋ง์ ์ ์๋ฅผ ๋ณด์ ํ๋ ๊ฒ์ด ๋ ์ข์ต๋๋ค. ์ํ๊ณ์๋ ๊ฒฝ์ํ๊ณ ์๋ ์ฌ๋ฌ ๋ฐ์ดํฐ ํ์นญ ์๋ฃจ์ ๋ฐ ๋ผ์ฐํ ์๋ฃจ์ ์ด ์์ต๋๋ค. ์ต์ ์ ๋งค๋ ๋ ์ข์์ง๊ณ ์์ต๋๋ค. ๋ผ์ฐํ , ๋ฐ์ดํฐ ํ์นญ, ๋ ๋๋ง ๋ฐ ์ปดํ์ผ์ ํตํฉํ๋ ์ฌ๋ฌ ์๋ฃจ์ (์: ์ฌ๋ฌ ๋ฆฌ์กํธ ํ๋ ์์ํฌ)๊ฐ ์๋ ๊ฒ์ ๋๋ผ์ด ์ผ์ด ์๋๋๋ค. - ์ต์ 5. Create React App์ ๋ฐ์ฒ๋ก ์ ํ Create React App์ ๋ช ๋ น์ผ๋ก ์ ์งํ ์ ์์ง๋ง, ๋ฐ์ฒ๋ก๋ ์ ํํ ์ ์์ต๋๋ค. ๊ถ์ฅ ํ๋ ์์ํฌ ๋ชฉ๋ก์ ์ ์ํ๊ณ ํ๋ ์์ํฌ๊ฐ ์๋ โ์ ํต์ ์ธโ ์ ๊ทผ ๋ฐฉ์์ด ๋ง์ง๋ง ์ต์ ์ด ๋ฉ๋๋ค. ๋ง์ง๋ง โ์ ํต์ ์ธโ ์ ๊ทผ ๋ฐฉ์์ CRA์ ๊ฐ์ ํด๋ผ์ด์ธํธ ์ ์ฉ ์ฑ์ ์์ฑํ์ง๋ง(ํํ ๋ฆฌ์ผ ์ค๋จ์ ๋ฐฉ์งํ๊ธฐ ์ํด) ๊ฒฐ๊ตญ ๋ด๋ถ์ ์ผ๋ก๋ Vite๋ก ์ด๋ํ ์ ์์ต๋๋ค.