:art: Fix: prettierc 생성 및 적용

[EunKangChoi-Dyphi]

맞춰야할 주제

• [ ] feature/issue-32 를 체크아웃했을때 제 컴퓨터화면에서 화면과 동성님 화면에서 prettier/eslinter 로 인해서 오류밑줄이 발생하는지 체크해볼것.

.prettierrc 파일

• semi: true: semi(홑따옴표, ') 를 true 로하게되면 쌍따옴표와 홑따옴표 두개다 사용가능해요!
• endOfLIne: auto:
• printWidth: 80 : 한줄에 80자가 넘어가면 자동으로 개행을 해줍니다. prettier 권장사항이에요!
• arrowParens : "avoid" : 에로우함수() => {} 형태인데 항상 () 를 감싸지 않도록 한거에요! 이와 정반대는 arrowParens: "always" 입니다!

{
  "singleQuote": false,
  "trailingComma": "all",
  "endOfLine": "auto",
  "semi": true,
  "printWidth": 80,
  "arrowParens": "avoid"
}

eslintrc.js

• semi, quotes 에서 오류가 발생한거 같아영,, 맨아래 두개때문에 빨간밑줄이 뜨더라고용!

module.exports = {
  parser: "@typescript-eslint/parser",
  parserOptions: {
    project: "tsconfig.json",
    tsconfigRootDir: __dirname,
    sourceType: "module",
  },
  plugins: ["@typescript-eslint/eslint-plugin"],
  extends: ["plugin:@typescript-eslint/recommended", "plugin:prettier/recommended"],
  root: true,
  env: {
    node: true,
    jest: true,
  },
  ignorePatterns: [".eslintrc.js"],
  rules: {
    "@typescript-eslint/interface-name-prefix": "off",
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/explicit-module-boundary-types": "off",
    "@typescript-eslint/no-explicit-any": "off",
    "@typescript-eslint/ban-ts-comment": "off",
    // semi: ["error", "always"], // 세미콜론을 항상 사용하도록 설정
    // quotes: ["error", "single"], // 싱글 쿼트를 사용하도록 설정
  },
};

package.json 내 prettier 포맷팅 자동적용 명령어

$ npm run format

추후에 husky를 웹훅을 도입할까생각중인데 이것도 좀 알아봐야될거같네여 ;ㅁ;