관심있는 라이브러리/React.js

React setting

건브로 2020. 12. 19. 18:28

안녕하세요!

다음 블로그에서 티스토리로 넘어오고 처음 글 쓰네요!

그리고 한 동안 시험이 있어서 글을 못 올리고, 코딩도 못했네요... 

이제 종강도 했으니 동기들과 공모전 준비하면서 React.js 공부하려고 합니다!

다들 코로나 조심하시고 파이팅~!


1. node.js 설치하기

react.js를 사용하려면, 일단 node.js를 설치해야 합니다!

LTS버전으로 다운 받으세용

그리고 다운 받으시면 cmd로 node -v와 npm -v으로 버전을 검사해봐요.

node.js를 다운 받으면 npm도 같이 다운이 된다는 거 알아두세요.

 

2. cmd로 React 패키지 다운 받기

cmd으로 react를 다운 받아야합니다.

그전에 일단 폴더를 생성하고, cdn에서 폴더 경로를 그 폴더 위치로 바꿔주세요.

그렇게 했으면 'npx create-react-app 폴더 이름'이라고 cmd에 입력해주세요.

그럼 따로 설정도 없이 다운됩니다.  

 

react를 npx를 통해서 다운 받은 후.jpg

 

물론 'npm install -g create-react-app 파일 이름'

이렇게 해서 다운을 받을 수는 있습니다.

하지만 이렇게 하면 react관련 패키지들이 컴퓨터에

저장이 되어서 나중에 버전을 업데이트해야 할 때

삭제하고 다운받아야 해서 문제가 생겨요!

그래서 버전 문제를 없애기 위해서

npx를 써서 최신 버전만 가지고 와서 실행만 하게끔 해요!

이렇게 하면 컴퓨터에 저장이 안 되기 때문에 버전에 대한 오류는 안 생겨요

 

 

'관심있는 라이브러리 > React.js' 카테고리의 다른 글

[React.js]라우터  (0) 2021.01.13
component 생명주기  (0) 2020.12.25
state란 무엇일까?  (0) 2020.12.24
props와 map 그리고 propTypes  (0) 2020.12.22
React의 구조와 JSX  (0) 2020.12.20