💻리액트 입문 -리액트 입문 개발환경세팅하기

(1) 크롬 브라우저

• 다운로드 링크 바로가기

(2) VScode

• 다운로드 링크 바로가기

(3) git 설치하기

우리가 작성한 코드를 저장 및 관리하고, 다른 사람과 공유하기 위해 git 이라는 툴을 사용합니다. git을 사용하기 위해서는 내 컴퓨터에 깃을 설치해야 합니다. git 홈페이지에서 설치 프로그램을 다운로드 받고 설치하시면 됩니다.

• 다운로드 링크 바로가기

(4) Node 설치하기

(5) yarn 설치하기

npm install -g yarn

터미널에서 설치하기,
( 설치가 완료 되었을 경우 yarn -v 으로 버전 확인 할 수 있음 )

출처 : Cracking Vue.js

💻CRA(Create React App)

Create React App 을 통해서 리액트 개발환경을 구축 할 경우 패키지 설치가 용이하다

ls #현재 내가 위치하고 있는 곳이 어디인지 확인해보세요.
cd 폴더이름 #리액트 프로젝트를 생성하고 싶은 폴더로 들어갑니다.
yarn create react-app week-1 #프로젝트 생성!

jsconfig.json 파일 만들기

{
	"compilerOptions": {
		"baseUrl": "src"
	},
	"include": ["src"]
}

넣어주기