리액트 공부 - 설치

1. OS(내 컴퓨터)에 프로그램 설치

1. VSCODE 설치

2. VSCODE-EXTENSION 설치

2. Node.js 설치(LTS 버전을 설치)
   => Node.js를 설치하면 npm은 자동으로 설치

3. Yarn 설치
	 => sudo npm install -g yarn

2. 폴더에 프로젝트를 설치하기

1. 바탕화면에 폴더 만들기

2. Next.js 프로젝트 설치하기
   => Next.js를 설치하면 React.js는 자동으로 함께 설치
   
   npx create-next-app
   yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact

3. "class" 폴더에 Emotion 설치하기
	yarn add @emotion/react
    yarn add @emotion/styled

4. "class" 폴더에 Apollo-Client, Graphql 설치하기
	yarn add @apollo/client graphql

5. "class" 폴더에 Ant-Design 설치하기
	yarn add antd

6. "class" 폴더에 Axios 설치하기
	yarn add axios

3. 폴더와 보일러 플레이트가 완성되었다면

1. ls -al 을 통해서 .git 파일을 확인하기

2. rm -rf .git 을 통해 깃 삭제