1월, 2021의 게시물 표시

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

이미지
[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은 폴더 명으로 작업하실 프로젝트 명으로 수정하시면 됩니다.