폴더 생성
프론트와 백엔드 코드를 관리할 수 있는 두개의 폴더 생성
front폴더 안에 package.json 생성과 필요한 모듈 인스톨
$ npm i next react react-dom
개발환경에서 필요한 모듈 인스톨
$ npm i -D nodemon webpack
코드스타일 관리를 위해 .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