React

owlsuri·2022년 3월 16일
0

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"
  },

이렇게 있으면 잘 설치된 것

profile
수리의 프론트엔드 개발 공부 블로그 입니다 :D

0개의 댓글