๐Ÿ“ŠReact

[์ธํ”„๋Ÿฐ:์ƒํ™œ์ฝ”๋”ฉ - REACT] 2ํšŒ์ฐจ : CSS ์ฝ”๋”ฉ ~ ๋ฐฐํฌํ•˜๊ธฐ

harry.93 2021. 2. 23. 00:51
๋ฐ˜์‘ํ˜•

  1. ๊ฐ ์ปดํฌ๋„ŒํŠธ ๋ณ„๋กœ src ๊ฒฝ๋กœ ์•„๋ž˜์— ์ž‘์„ฑ. ์ดํ›„ html > js > css ์ˆœ์œผ๋กœ import ๋˜์–ด ๊ตฌ์กฐ๋ฅผ ์ด๋ฃธ.
  2. ๋นŒ๋“œ ๋ฐ ๋ฐฐํฌ
  3. npm run build : ๋นŒ๋“œ ๋ช…๋ น > ์†Œ์Šค๋“ค์„ ์••์ถ•ํ•˜์—ฌ build ๋ผ๋Š” ํด๋”๋กœ ๋ฆฌํ„ดํ•ด์คŒ.
  4. ๋กœ์ปฌ ์ƒํ™ฉ์—์„œ ๋ฐฐํฌํ•˜๊ธฐ ( serve ๋ผ๋Š” ๋กœ์ปฌ ์„œ๋ฒ„ )

    react-project ๊ฒฝ๋กœ)
    npm(npx) install -g serve : serve ์„ค์น˜.

    react-project ๊ฒฝ๋กœ) npx serve -s build : serve ์„ค์น˜ ๋ฐ ๊ธฐ๋™ , build ํด๋”๋ฅผ root ๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ง€์ •ํ›„ ์‹คํ–‰.

    > ๋กœ์ปฌ ์ฃผ์†Œ๋ฅผ ๋ฆฌํ„ด > ์ ‘์†ํ•˜๋ฉด ๋ฐฐํฌ๋œ ๊ฒƒ ํ™•์ธ ๊ฐ€๋Šฅ.

    ์‹ค์ œ ์šด์˜์ƒํ™ฉ์—์„œ๋„ ๋นŒ๋“œ ํด๋” ๋‚ด ์žˆ๋Š” ๋‚ด์šฉ์„ ์›น ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— ์œ„์น˜์‹œํ‚ค๊ณ  ๊ธฐ๋™ํ•˜๋ฉด๋œ๋‹ค.

 

 

 

728x90
๋ฐ˜์‘ํ˜•