React

javascript를 쉽고, 효율적으로 사용할 수 있도록 Facebook에서 만든 도구
페이스북, 인스타그램, 에어비앤비가 리액트로 만들어짐.

리액트 및 프로그램 설치

OS

1. VSCODE
2. VSCODE-Extension
3. Node.js 설치
4. yarn 설치

프로젝트 폴더(terminal Git bash)

1. 폴더만들기
2. Next.js 프로젝트 설치 - npx create-next-app@latest
   폴더이름 쓰기(ex. class)
3. 지정한 폴더로 이동 - cd class
4. Emotion 설치 - yarn add @emotion/react
   - yarn add @emotion/styled
5. apollographql - npm install @apollo/client graphql
6. Ant-Design - yarn add antd
7. Material-UI - npm install @material-ui/core
8. Axios - yarn add axios

생성된 package.json에

  "dependencies": {
    "@apollo/client": "^3.5.10",
    "@emotion/react": "^11.8.2",
    "@emotion/styled": "^11.8.1",
    "@material-ui/core": "^4.12.3",
    "antd": "^4.19.2",
    "axios": "^0.26.1",
    "graphql": "^16.3.0",
    "next": "12.1.0",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },

이렇게 있으면 잘 설치된 것