webstorm keymap

WebStorm에서 단축키로 Prettier formatting 하기(feat. ESLint 비활성화)

nest cli로 nest.js 프로젝트를 init하면, eslint와 prettier가 함께 설정된다. 잘은 모르지만, 아마 react나 vue 같은 프론트 웹프레임워크도 마찬가지일 것이다. lint나 formatting 규격을 정하는 것은 정말 중요한 일이지만, 자바스크립트 기반 프레임워크를 처음 접하는 초심자 입장에서 eslint니, prettier니 하는 것들은 혼란만 가중시키는 요소라고 생각된다. 두 줄 요약하자면, ESLint는 이름에서도 알 수 있다 시피 그냥 Lint, 즉 정적분석 도구이다. 그리고 prettier는 포맷터, 즉 코드 정렬을 알잘딱깔센 정렬해주는 도구이다. 초보 입장에서, 초기 설정의 eslint는 너무 깐깐해서 온갖 곳에 빨간 줄을 다 그어버리기 때문에, 더욱 혼란만 가중..