리액트js 작업환경 설정하기

react

CodePen 안녕~~

이제부터는 codepen에서하는게 아니라 직접 할것이다.

React.js 코드랩 세션을 시작하기전에 설치해야 할 것은 5가지가 있다.

1. GIT
2. NPM/NODE
3. MONGODB
4. EDITOR(여기선 ATOM)

GIT

깃은 버전관리 시스템이다.

다운로드 : https://git-scm.com/downloads

여기서 각자의 운영체제에 맞춰 설치한다.

NPM/NODE

Node.js 는 자바스크립트를 서버환경에서 실행하는 자바스크립트 런타임이다.

NPM 은 Node.js 로 만들어진 모듈들을 설치 및 버전관리 할 수 있는 프로그램이다.

Node.js 를 설치하면 NPM 도 함께 설치됩니다.

LTS 버전으로 설치해주세요.

다운로드: https://nodejs.org/en/download/

MongoDB

MongoDB는 인기있는 NoSQL 데이터베이스 중 하나 입니다.

코드랩에서 만들 프로젝트에서 이 데이터베이스를 사용합니다.

지금당장 필요한건아니지만 나중 프로젝트에 사용하기위해 미리 다운받습니다.

다운로드: https://www.mongodb.com/download-center#community

Editor

자신이 가장 좋아하는 에디터가 있다면… 사용하시면 됩니다!

제가 사용할 에디터는 Atom입니다.

다운로드: https://atom.io/

함께 사용하면 유용한 패키지:

jshint: JS 문법 검사
react: JSX Syntax highlight 호환

jshint 를 사용한다면 ES6 를 쓸 때, 프로젝트의 루트폴더에 .jshintrc 라는 파일을 만들고

{
    "esversion": 6
}

위 내용으로 저장해야 ES6 문법 검사를 할 수 있습니다.

효준's profile image

효준

2018-02-01 15:30

다른글 보러가기

리액트js 컴포넌트 맵핑

이전 포스트

우분투 웹서버(Nginx)와 톰캣 설치 및 연동

다음 포스트