VSCODE์ ๋ฆฌ์กํธ ์ค์นํ๋ ค๊ณ ํ๋๋ฐ, node.js์ npm ๋ฒ์ ์ด ์ฌ์ฉ๋ถ๊ฐํ ๋ฒ์ ์ด์ด์ ์ค๋ฅ๋ธnode.js ๋ค์ด๋ก๋ ๋งํฌ๋ก ๋ค์ด๊ฐ์ LTS ๋ฒ์ ์ฌ์ค์นnode -v ๋ฒ์ ํ์ธ ๋จnpm -v ์๋์ ๊ฐ์ ์คํฌ๋ฆฝํธ ๋ณด์ ์ค๋ฅ๋ธ์ฐธ๊ณ ๋งํฌ : ์คํฌ๋ฆฝํธ ๋ณด์ ์ค๋ฅ PSSec
npm run start๊ฐ๋ฐ ๋ชจ๋์์ ๊ณผ ๋์์ ํ๋ฉด ๋ณ๊ฒฝ๋จ์๋ฌ ์์ ๊ฒฝ์ฐ, ๋ธ๋ผ์ฐ์ ์ ๋ฉ์ธ์ง ์ถ๋ ฅhttps ์ธ์ฆ์ ์์ด ์์๋ก https ํํ๋ก url ๋ง๋ฆnpm run buildbuild ๋ผ๋ ํด๋ ์์ฑindex.html์ ๋ณด๋ฉด ๊ณต๋ฐฑ์ ๋ค ์์ ๊ณ , ์๋์ผ๋ก ์์ถํ์ฌ
๋ฆฌ์กํธ๋ก ํ๋ก์ ํธ๋ฅผ ๋๋ฒ ์งํํ๋ค. ๋ชจ๋ ๋ค๋ฅธ ํ์์ด ์ ํ ์ ํด์ค์ ์ด๋ป๊ฒ ์ด๊ธฐ ์ ํ ์ ํ๋์ง ๊ถ๊ธํ๋ค. ๋ ํด๋ ๊ตฌ์กฐ๋ ์ด๋ป๊ฒ ํ๋ ๊ฒ์ด ์ข์์ง ์๊ณ ์ถ์ด ์ ๋ฆฌํด๋ดค๋ค.๋ชฉ์ ๋ฐ์ดํฐ ์ฌ์ฉ์ ์ถ๊ฐapp.js, index.js ๋นผ๊ณ ํ์ผ ๋ชจ๋ ์ญ์ app.jsindex.jsํด๋
๊ฒ์ ํ์ด์ง์ ๋ ์ด์์์ ์์ ๊ฐ์ด ์งฐ๋ค.๊ฒ์๋ฐ - <SearchBox />, ์ต๊ทผ ๋ณธ ์ํ, ์ต๊ทผ ๊ฒ์์ด - <KeywordsList /> ์ธ๊ฐ์ง ์ปดํฌ๋ํธ๊ฐ ์์๋๋ก ์ค๊ฒ ๋๋ค.๊ฒ์๋ฐ์ ์ต๊ทผ ๊ฒ์์ด ์ปดํฌ๋ํธํ์ผ์ ๋ฐ๋ก ๋ง๋ค์ด import ํ๋ค.์ต๊ทผ ๋ณธ ์ํ