react,next 01. next와 eslint 설치하기

08 Jul 2020 | react next

react,next 01. next와 eslint 설치하기

React로 NodeBird SNS만들기

npm init

npm init은 package.json을 편하게 만들기위한 명령어다.

mkdir react-nodebird
cd react-nodebird
mkdir front
mkdir back
cd front
npm init

install

프로젝트에 필요한 모듈들을 설치해줍니다.
next와 styled-components는 꼭 버전을 명시해줘야합니다.(강의에서의 버전과 현재 최신버전이 달라서..)

 npm i react react-dom next@8

 npm i -D nodemon webpack

 npm i -D eslint

 npm i styled-components@4

 npm i redux react-redux

 npm i next-redux-wrapper@5

eslint

.eslintrc파일을 front 폴더에 만들어준다.

{
  "parserOptions": {
    "ecmaVersion": 2018,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "browser": true,
    "node": true
  },
  "extends": ["eslint:recommended", "plugin:react/recommended"],
  "plugins": ["import", "react-hooks"]
}

plugin을 install 해준다.

npm i -D eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks