[WebStorm] ESLint: Insert `⏎` (prettier/prettier) error 해결

[문제점]

 WebStorm을 사용해서 nestjs 프로젝트를 하는데 ide에 빨간줄이 표시되면서 아래와 같은 경고창이 나왔다.

ESLint: Insert `⏎` (prettier/prettier)

 

[해결 방법]

 오류가 나온 원인은 ESLint의 규칙을 따르지 않아서 경고 형식으로 나왔던 것이다. ESLint에서 여러 규칙이 있겠지만 나의 경우에는 파일 마지막에 줄넘김을 하지 않아서 생긴 것이었다. 예를 들어서 Class를 선언하고 중괄호를 line 13에서 닫았다고 하자. 그러면 파일이 13 line까지만 있으면 ESLint가 경고를 하지만 14 line에 빈 줄을 만들면 해결된다. 이렇게 수동으로 할 수도 있지만 WebStorm에서 설정을 하면 저장시 자동으로 맞추어 준다.

 

File -> Settings -> Editor -> General -> Ensure line feed at file end on Save

웹스톰에서 위와 같은 경로로 들어가서 Ensure every saved file ends with a line break를 체크하면 수동으로 하지 않아도 저장할 때 자동으로 ESLint를 맞추어준다.