Vsc & Nodejs & React & Typescript 사용하기

Vsc & Nodejs & React & Typescript 사용하기

 

기본 설치

Vsc설치

2020.07.03 - Vsc, VSCode(Visual Studio Code) 설치

Nodejs설치

2022.11.18 - NodeJs 설치

 

프로젝트 생성

typescriptex1이라는 프로젝트 생성하는 예제

 

'터미널'->'새터미널'

npx create-react-app typescriptex1 --template typescript

 

..자동 설치 과정동안 잠시 기다리기...

 

프로젝트 실행

vsc터미널에서

npm start

 

시간이 어느정도 지나면 

잠시 후 자동으로 웹브라우저가 시작되며 'http://localhost:3000/'창이 창이 열리고 기본화면을 볼 수 있다.

 

이제 구동되는 동안 'xxx.tsx'파일의 변화를 감지하여 자동으로 재실행된다.

 

작업

App.tsx등의 파일을 수정하면 자동으로 재실행된다.

 

기타 - React

https://ko.reactjs.org/docs/react-api.html

React 최상위 API – React

https://ko.reactjs.org/docs/react-component.html

React.Component – React