(์ค์ต1) ํฌ๋ชจ๋๋ก ํ์ด๋จธ ํ๋ก์ ํธ ์๋ฌ์ฌํญ ๋ฌธ์๋๋ฆฝ๋๋ค.
์ผ๋จ ์ ๋ ์ด๋ณด ์
์ฅ์์ GPT ์๊ฒ ๋ฌผ์ด๋ฌผ์ด ํด๊ฒฐํ ๋ด์ฉ๋ค์ ์ ์ด๋๋ฆฝ๋๋ค. ๋ญ๋ผ๊ณ ๋ญ๋ผ๊ณ ์ด์ฉ๊ณ ์ ์ฉ๊ณ ํ๋ฉด์ "๋ณด์์ค๋ฅ" ๊ฐ ๋จ๋ ๊ฒฝ์ฐ๊ฐ ์์์ต๋๋ค.์๋์ฐ์ฆ์ ํ์์์์ npx ๋ช
๋ น์ด ์คํ์ ๋ง๋๊ฑฐ๋ผ๊ณ ํฉ๋๋ค.Windows ํค + S ๋ฅผ ๋๋ฌ PowerShell ์ ๊ฒ์ํฉ๋๋ค."๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ์คํ" ์ ์ ํํฉ๋๋ค.ํธ๋ฅด๋ฉ๋ฉํ ํ๋ฉด์ด ๋น๋๋ค.Set-ExecutionPolicy Unrestricted -Scope CurrentUser ๋ฅผ ๋ถ์ฌ๋ฃ๊ธฐ ํ๋ค์ y ๋ฅผ ๋๋ฆ
๋๋ค.๋ณด์์ ๋ฎ์ถฐ์ ์ปค์์ ํฐ๋ฏธ๋์์ npx ๋ช
๋ น์ด๊ฐ ์คํ๋๋๋ก ํ๋ ๋ช
๋ น์ด์ธ๊ฑฐ ๊ฐ์ต๋๋ค.์ค์ต์ ๋๋ธ๋ค์๋ Set-ExecutionPolicy Restricted -Scope CurrentUser ๋ฅผ ๋ถ์ฌ๋ฃ๊ธฐํ๋ค์ y ๋ฅผ ๋๋ฌ์ ๋ณด์ ์ค์ ์ ๋๋๋ฆฌ๊ธฐ ํ ์ ์์ต๋๋ค. ์ค์ต์ ์ํด ๋ง๋๋ ํด๋ ๊ฒฝ๋ก์ ์์ด ๋๋ฌธ์๊ฐ ํฌํจ๋๋ฉด ์๋ํ์ง ์์์ต๋๋ค.ํด๋๋ช
์ ํ๊ธ์ด๋ ๋๋ฌธ์๊ฐ ํฌํจ๋์ง ์์, ์์ ์๋ฌธ ์๋ฌธ์๋ง์ผ๋ก ๋ง๋๋๊ฒ ์ข์๋ฏ ํฉ๋๋ค. ๋ฆฌ์ํธ ๋ฒ์ ์ด 19 ๋ฒ์ ์ด๋ฉด ์ค๋ฅ๊ฐ ๋๋ค๊ณ ํฉ๋๋ค.๋ฆฌ์ํธ 18๋ฒ์ ์ ๊ฐ์ ๋ก ๊น์์ฃผ๋ฉด ์ ์์๋ ํ๋๊ฑฐ ๊ฐ์ต๋๋ค.์ปค์์ ํฐ๋ฏธ๋์ npm install react@18 react-dom@18 ๋ผ๊ณ ๋ถ์ฌ๋ฃ์ผ๋ฉด ๋ฆฌ์ํธ 18๋ฒ์ ์ด ์ค์น๋ฉ๋๋ค. ์ด ๊ณผ์ ์ ๊ฑฐ์น๋ค์ ์ปค์์ ํฐ๋ฏธ๋์npx create-react-app . --template typescript ; npm install -D tailwindcss postcss autoprefixer ; npx tailwindcss init -p๋ผ๊ณ ๋ถ์ฌ๋ฃ์ผ๋ฉด ํ์ ํด๋๋ค์ด ์์ฑ๋ฉ๋๋ค.์ปจํธ๋กคK ๋๋ฌ์ "ํด๋์ ๋ฐ๋ก ํ์ํด๋๋ฅผ ์์ฑํ์ง ์๊ณ , ๋ฆฌ์กํธ, ํ
์ผ์๋, ํ์
์คํฌ๋ฆฝํธ ํ๋ก์ ํธ๋ฅผ ์์ฑํ๋ ๋ช
๋ น์ด" ๋ผ๊ณ ์ฐ๋ฉด ๋์ค๋ ๋ด์ฉ์ด ์ค๊ฐ์ค๊ฐ์ "&&" ๊ฐ ๋ค์ด๊ฐ ์๋๋ฐ, ์๋์ฐ์ฆ ํ๊ฒฝ์์๋ ์ธ์์ ๋ชปํ๋ ๋ช
๋ น์ด์ธ๊ฑฐ ๊ฐ์ต๋๋ค. ์๋ง ๋งฅ์ด๋ ๋ฆฌ๋
์ค์์ ์ฌ์ฉ๋๋ ๋ช
๋ น์ด ์ธ๊ฑฐ ๊ฐ์ต๋๋ค. ์ด๊ฑธ " ; " ๋ก ๋ณ๊ฒฝํ๋ฉด ๋ฉ๋๋ค.์์ฑ๋๋ ํ์ ํด๋๊ฐ ์๋ฒฝํ๊ฒ ๋์ผํ์ง ์์์๋ ์์ต๋๋ค. ์ ๋ "ํ
์ผ์๋" ๊ด๋ จ ํด๋๋ ํ์ผ์ด ์์ฑ๋์ง ์์์ต๋๋ค.์ด ๋ถ๋ถ์ ์ปค์๊ฐ ์์์ ํ์ํ๊ฑธ ๋ง๋ค์ด ์คฌ์ต๋๋ค. ์๋ฒฝํ๊ฒ ๋์ผํ์ง ์๋๋ผ๋, ํ์ํด๋์ ํ์ผ์ด ์์ฑ๋๋ฉด ์ค์ต์ ์งํํ์๋ฉด ๋ ๊ฑฐ ๊ฐ์ต๋๋ค. ์ ๋ ์ด๋ณด ์
์ฅ์์ ์๊ฒผ๋ ๋ฌธ์ ๋ค์ ๋ฌผ์ด๋ฌผ์ด ํด๊ฒฐํ ๋ด์ฉ๋ค ์
๋๋ค.์ ํ์๋ ๋ถ๋ค์ด ๋ณด์๋ฉด ํ์ ํ ๋ด์ฉ๋ค์ผ์ ์๊ฒ ์ง๋ง, ๊ฐ์ ์ด๋ณด ์
์ฅ์์ ๊ฐ์ด ๋จน๊ณ ์ด์๋ ์๊ฐ์ ๋ต๋ณ ๋จ๊ฒจ ๋ด
๋๋ค. ํ๊ฐ์ง ๋..์์ค์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง์๋..์ปค์์ ํฐ๋ฏธ๋์์ ๋ช
๋ น์ด๋ฅผ ์คํํ๋ค์ ์๋ฌ๊ฐ ๋จ๊ฑด ์คํ์ด ๋๊ฑด ํด์, ์๋ฌด๋ฐ ์
๋ ฅ์ด ์๋จนํ๋๊ฐ ์์์ต๋๋ค.๊ทธ๋ด๋ ์ปจํธ๋กคC๋ฅผ ๋๋ฅด๋ฉด ์
๋ ฅ ๊ฐ๋ฅํด์ง๋๋ค.์ ๋ง ๋ชฐ๋์ผ๋ ค๋์,,