그러면 화면 하단의 PROBLEMS에 오류가 나타납니다(PROBLEMS가 보이지 않으면 VS Code의 View > Problems에서 열 수 있습니다). 이런 오류가 나타나면 오류의 내용대로 고쳐주면 됩니다.

ESLint는 자바스크립트 문법상 오류가 있을 때도 오류를 보여줍니다. 문법상 오류는 직접 고쳐야 하지만, 들여쓰기와 같은 코드 스타일 오류는 Prettier를 사용해 자동으로 고칠 수 있습니다.

방금 이상하게 들여쓰기해 오류가 나타난 상황에서 F1을 누르고 Format Document를 입력하세요. 그러면 어떤 도구를 사용해 Format을 진행할 것인지 물어보는 창이 나타납니다.

▲ 그림 1-30 Prettier 사용하기

Configure 버튼을 누르고 Prettier를 선택하면 코드가 자동으로 정리됩니다. 이 작업을 항상 수행하는 방법이 두 가지가 있는데, 매번 단축키를 눌러서 코드를 정리하는 방법과 코드를 저장할 때 자동으로 정리시키는 방법입니다.