React 개발에 VS Code를 쓰겠다.

management 폴더 내부를 보면 src, README.md, package.json와 같은 React App을 위한 환경설정 파일 및 폴더가 존재한다.

management 폴더 안에서 다음 명령어로 앱을 구동할 수 있다.

yarn start

다음 명령어로 만든 React 프로그램의 경우에는 웹 프론트 서버가 구동중인 상태에서 내부 소스코드를 수정하면 수정된 내용에 맞게 컴파일 되면서 바로 반영이 된다.

react-create-app

VS Code 설치 및 코드 수정

VS Code 설치

VS Code 사이트에 접속하여 적절한 VS Code를 설치한다.

VS Code를 실행한다.
management 폴더를 Open 한다.

React App은 src 폴더 내부에 App.js라는 이름으로 앱의 메인 JS를 관리할 수 있다.
실제로 HTML 문서에서 Body 태그에 해당하는 부분을 App.js가 채우게 된다.

저장 하면 반영된다. (확인 필요)
새로고침을 하지않아도 수정된 내역을 즉시 확인할 수 있다.

.
.
.
강의의 내용을 기록한 게시글입니다.