[React] React start

μ§€ν˜„Β·2022λ…„ 5μ›” 9일
0

React

λͺ©λ‘ 보기
1/2

μ½”λ”©μ• ν”Œ


πŸ”΅ Start

  1. node.js μ„€μΉ˜
  2. 터미널 npx create-react-app projectName μž…λ ₯
    (Create React App μ°Έκ³ )

npm ?
node.jsλ₯Ό μ„€μΉ˜ν•œ μ»΄ν“¨ν„°μ—μ„œ jQuery, Create React App 같은 라이브러리λ₯Ό μ‰½κ²Œ μ„€μΉ˜ν•  수 있게 λ„μ™€μ£ΌλŠ” npmμ΄λΌλŠ” νˆ΄μ„ node.jsλ₯Ό μ„€μΉ˜ν•˜λ©΄ μ΄μš©ν•  수 μžˆλ‹€. (node.js μ„€μΉ˜ μ‹œ 같이 μ„€μΉ˜ 됨)

node_modules : 라이브러리 폴더
public : static 파일 보관함 (λ™μ μœΌλ‘œ λ°”λ€Œμ§€ μ•ŠλŠ” νŒŒμΌλ“€ ...)
λΉŒλ“œ λ°œν–‰ / 컴파일 μ‹œ μ½”λ“œ 압좕이 λ˜λŠ”λ°, public 폴더 μ•ˆμ˜ νŒŒμΌμ€ μ••μΆ•λ˜μ§€ μ•ŠμŒ
src : μ†ŒμŠ€μ½”λ“œ 보관함 (μ‹€μ§ˆμ  μ½”λ”©)
package.json : μ„€μΉ˜ν•œ 라이브러리 λͺ©λ‘


λ§žμ§€ μ•ŠλŠ” 문법 μ‚¬μš© μ‹œ 터미널에 μ—λŸ¬ ν‘œμ‹œλ¨

μ½”λ”© 파일
app.js νŒŒμΌμ—μ„œ μž‘μ—…

react μ½”λ“œ 미리보기
터미널 npm start μž…λ ₯

0개의 λŒ“κΈ€