[Node.js, React] 간단한 웹-앱 만들기 - Node.js 설치와 react

1. Node.js 설치 (nodejs.org/ko/download/)

- 자바스크립트 런타임 프로그램.

- 자바스크립트가 웹에서 실행되던 것과 달리, 서버에서 실행시키는 프로그램

- 비동기로 작동:

소스코드의 작동 순서가, 위에서 아래대로 순차 실행되지 않음

(작동 순서를 보장하지 않는 것)

 

2. npm 또는 yarn 설치

- npm: node package manager.

node.js에서 사용하는 패키지 관리 또는 배포 위함 (node.js 설치하면 자동으로 설치 됨.)

(python의 pip 개념)

- yarn: javascript의 패키지 매니저.

 

3. react 설치

- cmd 관리자모드로 열어서

npm install -g create-react-app

로 react 설치. (-g 옵션은 글로벌로 어떤 곳에서든 실행할 수 있게 옵션 주는 것.)

- 그 후, react 설치할 폴더로 이동해서

create-react-app . 

친 후

npm start

하면 개발환경이 구축되었음을 볼 수 있음.

 

4. VS code 설치 (code.visualstudio.com/)

- 코드 에디터: 자바스크립트를 위해서는 거의 필수적인? 에디터...

- 현존하는 코드 에디터 중 가장 좋다고 하는 사람들이 많다.

 

5. VS code 확장 프로그램 설치

- ESLint: 자바스크립트 문법, 코드 스타일 검사 도구

- Reactjs Code Snippets: 단축 단어 사용해서 간편하게 코드를 자동으로 생성해 낼 수 있는 코드 스니펫 모음

- Prettier: Beautify 도구