개발환경 구축하기

추가적으로 사용하는 툴이 생기면 지속적으로 업데이트할 예정입니다! 

node.js

https://nodejs.org/en

node 홈페이지

 

- Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime-Environment)이다.

- 주로 서버 사이드 앱 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 built-in API를 제공한다.

- 데이터를 실시간으로 처리하여 I/O이 빈번하게 발생하는 Single Page Application(SPA)에 적합하지만, CPU 사용률이 높은 앱에는 권장하지 않는다.

- Front-end와 Back-end에서 자바스크립트를 사용하므로 이 동형성(isomorphic)의 성질 때문에 별도의 언어 학습 시간을 단축해주는 장점이 있다.

 

 

 

 

Visual Studio Code (VSCode) = Integrated Development Environment(IDE, 통합개발환경)

https://code.visualstudio.com/download

 

- 해당하는 OS에 맞는 VSCode를 설치한다.

- VS Code 장점

  1) 크로스 플랫폼 호환성이 좋음

  2) 가볍고 빠름

  3) 플러그인 확장성

  4) 사용자 정의 인터페이스

  5) 대규모 개발자 커뮤니티

 

 

 

 

리액트

: 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리로, Single Page Application(SPA)을 쉽게 만들 수 있도록 해주는 도구이다.

 

리액트를 사용하기 위해서는 명령 프롬프트를 통해 설치할 필요가 있다.

- CRA(create-react-app) : 리액트 기반 웹 앱 개발에 필요한 모든 설정 상태의 프로젝트를 만들어 주는 도구이다.

 

npm install -y create-react-app                  <= 리액트 프로젝트를 생성하는 명령어

 

npm start                                                         ⇐ 리액트 개발 서버를 실행 

  

npm run build                                                 ⇐ 배포 버전을 생성 

   

npm test                                                          ⇐ 테스트를 실행

  

npm run eject

 

 => 리액트의 명령어에는 위와 같은 명령어가 있지만 나와 같은 코딩하는 감자의 경우, 현재 시점에선 생성과 개발 서버 실행 명령어 두가지 정도만 알아도 충분하다.

 

 

 

 

 

Docker Desktop

1. Docker Hub 가입

 

 

 

2. Docker desktop 설치

 

 

 

3. 설치 후 동작 확인

 

- 왼쪽 아래 Enigne running이 확인된다면 정상적으로 작동중이다.