React - tool install (nvm, node.js, homebrew, yarn) / in Mac OS

참고

velopert.com/3621

---

 

명령어 라인 도구

(Command Lind Tool)

mac 구매 후 처음 사용하는 상황이라 설치가 안되어 있었음.

nvm 설치 시 설치 메시지가 나왔을 때, 허락하여 자동으로 설치.

 

 

 

nvm

(node version manager)

node.js 설치를 위해 설치함.

 

<문제발생 & 해결>

* 설정파일에 설정 추가

vi ~/.zshrc

 

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")" 
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" export PATH=/opt/homebrew/bin:$PATH

* 설정파일 적용

source ~/.zshrc

 

참고 : gist.github.com/falsy/8aa42ae311a9adb50e2ca7d8702c9af1

 

 

 

node.js

react에 직접적으로 사용되는 것은 아니지만,

webpack 또는 babel 을 사용시에 필요.

현재 기준의 최신 lts 다운로드 (v.14.15.4)

 

 

 

homebrew

yarn 설치를 위해 설치 함.

<문제발생 & 해결>

* 설정파일에 설정 추가

vi ~/.zshrc

export PATH=/opt/homebrew/bin:$PATH

* 설정파일 적용

source ~/.zshrc

 

 

 

 

yarn

npm과 같은 역할을 하는, npm보다 향상된 tool

*npm : node package manager

> brew install yarn

 

<문제발생 & 해결>

node.js를 이미 설치했으므로, 아래 옵션을 사용하려 했지만 에러발생. 옵션없이 install 진행하여 성공.

--without-node

--ignore-dependencies

 

 

---

 

Create React App

프로젝트를 만들때

webpack, babel, 관련 라이브러리들을 직접 설치하고 설정하는 작업들을 간소화 해준 도구 (페이스북에서 만듬)

webpack, babel 설정들이 node_modules\react-scripts 안으로 다 들어가 있다.