발생 원인과 해결 방안 ?
Typescript 기본 자동 수정 기능과 ESLint , Preitter 설치 후 Tsx, Ts에서 오류들이 많이 발생 되었습니다.
Preitter까지 설치 후 설정 부분에서 Preitter로 우선순위 설정합니다.
1) Typescript 설치
npm install -D @typescript-eslint/parser @typescript-eslint/eslint-plugin
2) .eslintrc.json파일 생성 후 아래 내용 입력
{ "env": { "browser": true, "es2021": true, "node": true }, "parser": "@typescript-eslint/parser", "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": "latest", "sourceType": "module" }, "extends": [ "eslint:recommended", "plugin:@typescript-eslint/recommended", "next", "next/core-web-vitals", "plugin:prettier/recommended" ] }
3) Preitter 설치 (확장프로그램)
설치 완료 후 설정 부분에서 format save 부분 preitter로 설정 변경 후 진행
npm install -D prettier eslint-plugin-prettier eslint-config-prettier
4) .preitterrc.json 파일 생성 후 아래 내용 입력
{"trailingComma": "es5", "tabWidth": 4, "semi": true, "singleQuote": true, "endOfLine": "auto" }
참고, 인용
