macOS React 개발 환경 구축

1. Homebrew 설치하기

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. 설치 완료 후 뜨는 안내 메세지 따라 실행하기

===> Next steps: // 이 이후에 뜨는 명령 복사 후 실행하기 

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/사용자명/.zprofile

eval "$(/opt/homebrew/bin/brew shellenv)"

3. Node.js 설치하기

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

4. .zshrc 파일에 자동으로 추가됨을 확인

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
# This loads nvm bash_completion

5. 명령어 실행

source ~/.zshrc // 터미널이 zsh 인 경우
source ~/.bashrc // 터미널이 bash 인 경우 

6. nvm ls-remote 실행

nvm ls-remote

7. Latest LTS 버전 설치

nvm install v18.15.0

8. version 확인

node -v

typescript 컴파일러 설치

1. vscode terminal open
2. 명령어 실행

npm i -g typescript ts-node  // 타입스크립트 컴파일러 실행
tsc -v
ts-node -v