[React] 리액트 시작하기

Node.js 설치

Node.js

위 사이트에서 LTS를 클릭해 다운받아준다.

다운이 끝나면 cmd창에서 버전확인을 해주고 리액트앱을 설치해준다.

 

react-app 설치

설치시 tar버전경고가 떴고 확인해보니 동작하는덴 이상이 없다고 했다.

버전확인을 해 설치가 완료됨을 확인했다.

 

react-app 테스트

테스트 할 경로에 cmd를 실행시켜본다.

해당 경로에 원하는 이름으로 프로젝트를 생성하면 몇분이 지나 프로젝트가 생성된다.

폴더에 프로젝트가 생성된 것을 확인가능하다.

해당 폴더에 들어가서 npm start로 실행시켜본다.

3000번 포트로 정상적으로 실행되는 것을 확인가능하다.

 

VSC를 이용해 코드 편집하기

여기서부터는 VScode가 로컬에 깔려있어야 한다.

ctrl+c 를 누르면 서버를 닫을 수 있는데 y를 눌러서 작업을 끝내준다.

code . 을 통해 VScode로 해당 프로젝트를 열어준다.

src에 App.js에 보면 p태그가 있는데 그 안의 내용을 원하는 내용으로 대체해주고 저장한다.

저장 후 npm start를 통해 다시 실행을 시켜본다.

문구가 편집 된 것을 확인가능하다.

 

 

[React] 리액트 닷넷으로 시작하기