Mac에서 React & TypeScript 시작하기

1. setup

1. homebrew 설치 : macOS 용 패키지 관리자

https://brew.sh/index_ko

2. nvm 설치 : node.js 여러 버전 설치해두고 편하게 관리할 수 있게 해주는 도구

brew install nvm

3. 환경변수 설정

~/ 위치에 .nvm 디렉토리 생성

$mkdir ~/.nvm

vi 편집기로 bash_profile 열고 제일 아래로 내려감

$vi ~/.bash_profile

아래 코드 입력하고

export NVM_DIR="$HOME/.nvm"
[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

esc + :wq 후 enter

source ~/.bash_profile

위 코드로 터미널 프로파일에 적용

설치 완료 후 버전 확인

nvm -v 

4. 노드 설치

nvm install [노드 버전]

노드 사용

nvm use [노드 버전]

설치 완료 후 버전 확인

node -v

2. React & TypeScript 프로젝트 만들기

터미널에

npx create-react-app [프로젝트 이름] --template typescript 

끝