[트위터클론] 1. 프로젝트 기본 설정

Bewell·2021년 2월 27일
0

트위터클론

목록 보기
1/5
  1. 폴더 생성
    프론트와 백엔드 코드를 관리할 수 있는 두개의 폴더 생성

  2. front폴더 안에 package.json 생성과 필요한 모듈 인스톨
    $ npm i next react react-dom
    개발환경에서 필요한 모듈 인스톨
    $ npm i -D nodemon webpack

  3. 코드스타일 관리를 위해 .eslintrc 파일 생성

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

eslint에서 사용되는 plugin들 설치
$ npm i -D eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks

0개의 댓글