Visual Studio Code에서 자동으로 코드 정렬하기

코드가 몇 줄 밖에 되지 않는 코드는 정렬할 필요가 없지만, 코드가 몇 백 줄, 몇 천 줄이 되는 코드는 정렬을 깔끔하게 해 주어야 다른 사람과 협업을 할 때에도 편하고 가독성있는 개발이 가능합니다. 또한 코드가 깔끔하게 정렬되어 있기 때문에 가독성이 높아 작업 속도도 높아지는 효과도 가져옵니다. 이번 시간에는 Visual Studio Code에서 자동으로 코드를 정렬하는 방법에 대해 알아보겠습니다.

 

이 강좌는 macOS을 기준으로 작성되었으며, 일부 키 배열이 Windows 운영체제와 맞지 않을 수 있습니다. 자신의 운영체제에 맞는 키 배열을 확인하고 이 방법을 따라하시기 바랍니다.

 

---

 

이번 시간에는 아래의 사진에 있는 코드를 모두 자동으로 정리 해 보겠습니다.

 

모든 코드를 선택해야 하므로, macOS는 Command(⌘) + A를 눌러 코드를 전체 선택하고, Windows는 Ctrl + A를 눌러 코드를 전체 선택합니다. 효율적이지 않은 방법이지만, 마우스로 코드를 모두 선택할 수도 있습니다.

 

이제, 키 2개로 방금 전에 선택한 코드를 자동으로 정리합니다. macOS에서는 Command(⌘)를 누른 상태에서 K(영문) + F(영문)을 순서대로 누르고, Windows에서는 Ctrl을 누른 상태에서 K(영문) + F(영문)을 순서대로 누릅니다. 완료된 화면은 아래와 같습니다.