[ VS Code ] Prettier 설정하기
·
📍 IDE Tools/Visual Studio Code
📌 Prettier란 ?Prettier는 코드 포맷팅을 자동으로 해주는 도구로, 주로 JavaScript, TypeScript, HTML, CSS 등 여러 언어에서 사용됩니다. 코드 스타일을 일관되게 유지해주기 때문에 가독성을 높이고 팀 협업에서도 유용합니다. Prettier는 설정 파일을 통해 세미콜론 사용 여부, 줄 바꿈 길이, 탭 크기 등을 정의할 수 있으며, 이를 기반으로 코드 형식을 자동으로 맞춰줍니다. 예를 들면,이렇게 들여쓰기도 제대로 되어 있지 않어서 형제태그같아 보이지도 않으며, 세미콜론도 없는 상태에서 Prettier을 사용하게 되면 아래와 같이 본인이 원하는 형식에 맞춰서 정리 후 저장하게 됩니다. 이 기능은 가독성도 좋고 사용하기 편리해서 많은 사람들이 이 도구를 많이 사용하는 ..