이전 기사

마지막: 개인 React 주위 모범 사례 ① - 구성편

nvm node.js npm 설치

nvm 설치

git에서 nvm을 clone

$ git clone git://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh

터미널 시작시 nvm을 읽도록 ~/.bash_profile에 다음 내용을 설명

~/.bash_profile

if [[ -s ~/.nvm/nvm.sh ]];
 then source ~/.nvm/nvm.sh
fi

node.js 설치

Lambda에서 사용할 수 있는 node.js 버전 중 최신 버전으로 설정(아래 경우 6.10)


설치 가능한 node.js 버전은 "nvm ls-remote"에서 확인할 수 있습니다.

$ nvm ls-remote

$ nvm install v6.10.0
$ nvm alias default v6.10.0
$ node -v
v6.10.0

npm 업데이트

node.js가 설치될 때 npm도 설치되어야합니다.
업데이트

$ npm install -g npm

Serverless Framework

Lambda 함수나 이에 이르는 이벤트 등을 로컬에서 업로드할 수 있는 것
패키지와 함수를 zip으로 굳히고 → 업로드하고 → Api Gateway와 연결하는 등의 번거로움을 없애준다

설치

$ npm install serverless -g

AWS CLI

AWS에 대한 명령 조작을 허용하는 것
위의 Serverless Framework에서 사용하기 때문에 필요합니다.

설치

$ curl "https://bootstrap.pypa.io/get-pip.py" -o "get-pip.py"
$ python get-pip.py
$ pip install awscli

IAM 사용자 추가

AWS IAM에서 사용자 생성
관리 정책으로 "AdministratorAccess"지정

IAM 자격 증명 등록

$ aws configure
AWS Access Key ID [None]: 上記画像のアクセスキーIDの部分
AWS Secret Access Key [None]: 上記画像のシークレットアクセスキーの部分
Default region name [None]: ap-northeast-1
Default output format [None]: 未入力でENTER

create-react-app

React.js의 개발 환경을 쉽게 만들 수 있는 것
webpack이나 babel의 설정을 할 필요가 없어진다

설치

$ npm install -g create-react-app

다음 기사

개인 React 주위 모범 사례 ③ - React · Redux 패키지 · 미들웨어 편