React기초-1.설치 및 환경설정

React로 이런거 한번 만들어보겠습니다.

 

egoing님 강좌 따라하기입니다. 방송으로만 보면 기억에 안남아서 공부할 겸 남겨놓습니다.

 

기능은

1. 로딩시 또는 WEB을 클릭하면 welcome 화면 띄우기

2. 각 Subject(HTML / CSS / JavaScript)를 클릭하면 그에 따른 내용 변경하기

3. create Subject

4. update Subject

5. delete Subject

입니다.

 

 

 

 

1. 우선적으로 설치해야할 것은

1. Node 
2. Visual Studio Code 
3. create-react-app (npm install -g create-react-app : global 설치)

입니다.

 

2. Visual Studio Code에 필요한 부가기능은

1. reactjs code snippets 설치
2. Pretter 설치

를 하면 좀 더 편리하게 작업할 수 있습니다.

3. create-react-app 시작하기

1. 작업폴더 생성

2. 터미널에서 해당 폴더로 이동하여 아래 명령어 수행(현재 디렉토리에 react 앱 설치)

C:\react_lec2> create-react-app .

 

4. 확인

C:\react_lec2> npm run start 

React 시작화면이 잘 작동합니다. 이제 React를 시작할 준비가 되었습니다.

 

- 끝 -