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 문법 검사를 할 수 있습니다.