[Mac] React & Typescript 개발 환경 설정

Mac OS에서 React와 Typescript 개발 환경 설정에 관하여 알려드리고자 합니다. 여러 방법으로도 설정 할 수 있지만, 그 중 yarn으로 설정하는 과정을 알려드리겠습니다. 

1. node.js 설치 (https://nodejs.org/ko/download/)

터미널에서 node.js 설치 확인

node -v

설치가 안되어 있는 경우 위 링크를 통해 다운로드 받아 설치합니다.

설치 후 위의 코드로 확인합니다.

2. Homebrew 설치 (https://brew.sh/)

터미널에서 Homebrew 설치 유무 확인

brew -v

설치가 안되어 있을때 아래 코드를 입력

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

3. yarn 설치 (https://classic.yarnpkg.com/en/docs/install#mac-stable)

Homebrew 설치 후 터미널에서 아래 코드를 입력

brew install yarn

4. React 설치 및 프로젝트 생성 (https://create-react-app.dev/docs/getting-started/)

yarn create react-app my-app --template typescript

my-app은 폴더 명으로 작업하실 프로젝트 명으로 수정하시면 됩니다.