[์ธํ”„๋Ÿฐ:์ƒํ™œ์ฝ”๋”ฉ - REACT] 1ํšŒ์ฐจ : ์ฒ˜์Œ ~ JS ์ฝ”๋”ฉํ•˜๊ธฐ

    ๋ฐ˜์‘ํ˜•

    1. nodejs ์„ค์น˜.
    2. VS Code ์„ค์น˜. (์—๋””ํ„ฐ)
    3. npm install -g(์ „์—ญ๋ณ€์ˆ˜) create-react-app
    4. npm vs npx : npm์€ ์ผ๋ฐ˜ ์„ค์น˜๋ฐฉ์‹ , npx๋Š” ์ตœ์‹ ๋ฒ„์ „ ์œ ์ง€ํ•˜๋ฉด์„œ ํ•„์š”ํ• ๋•Œ๋งˆ๋‹ค ๋‹ค์šด๋กœ๋“œ ํ›„ ์‹คํ–‰.
    5. ์›ํ•˜๋Š” ๊ฒฝ๋กœ์— ํด๋”(ํ”„๋กœ์ ํŠธ๊ฒฝ๋กœ) ์ƒ์„ฑ ํ›„, create-react-app .(๊ฒฝ๋กœ) ํ•˜์—ฌ, react app ํ”„๋กœ์ ํŠธ install
    6. create-react-app ์—์„œ ์ƒ์„ฑํ•œ ํ”„๋กœ์ ํŠธ ๊ฒฝ๋กœ์—์„œ VS CODE terminal ํƒญ์„ ํ†ตํ•ด
      npm start : ๋กœ์ปฌ ๊ตฌ๋™ (์‹œ์ž‘)
      ctrl + c : ๋กœ์ปฌ ์ค‘์ง€ (์ข…๋ฃŒ)
    7. ํ”„๋กœ์ ํŠธ ํด๋” ๊ตฌ์กฐ ํŒŒ์•…
      public -> ํผ๋ธ”๋ฆญ ๋˜๋Š” ์ฝ˜ํ…์ธ  ๊ฒฝ๋กœ ( WebContent ๊ฐ™์€ ๋А๋‚Œ? ) 
      src -> ์ปดํฌ๋„ŒํŠธ, ๋ฆฌ์†Œ์Šค ๋“ฑ์ด ์กด์žฌํ•˜๋Š” ๊ฒฝ๋กœ

    1ํšŒ์ฐจ ๋.

    728x90
    ๋ฐ˜์‘ํ˜•

    ๋Œ“๊ธ€