2022-01-02 TIL

오늘은 express api서버 boilerplate를 만드는 작업을 했다. 매번 프로젝트를 진행할때마다 백엔드를 작성해주어야 했는데, 미리 만들어진 boilerplate를 활용해서 좀 더 프론트엔드에 집중할 수 있을것 같다. 오랜만에 백엔드 작업이라 eslint, prettier부터 차근차근히 설정했다. 쓰면서 무지성으로 사용했던 플러그인에 대해서도 다시 알 수 있었다.

1. eslint

const router = express.Router();
// A function with a name starting with an uppercase letter should only be used as a constructor.eslint-new-cap

• new-cap이라는 rule 때문에 대문자로 시작하는 함수는 생성자여야만 한다.
• eslint의 capIsNewExceptions 옵션을 설정해주어서 Router 함수도 대문자를 허용하도록 설정해주자

  "rules": {
    "new-cap": ["error", { "capIsNewExceptions": ["Router"] }]
  }

2. eslint와 prettier

eslint는 린트 역할을 prettier은 포맷팅 역할을 하도록 설정해주자.

• eslint-config-prettier : eslint와 prettier가 충돌하는 rule을 꺼버림
• eslint-plugin-prettier : prettier를 eslint의 rule로 동작하게함. 사용하지 말자!. prettier를 직접 동작하게 하는 것이 빠르다.