API 응답 데이터나 압축된 .json 파일을 열었을 때, 코드가 한 줄로 길게 늘어져 있어 당황하신 적 있으신가요? VS Code의 기본 기능을 이용하면 1초 만에 깔끔하게 정렬할 수 있습니다.

VS Code 한 줄 코드 자동 정렬하기 (JSON 줄 바꿈)

1. 파일 열기 및 커서 활성화

VS Code에서 줄 바꿈이 필요한 project.json 파일을 엽니다. 파일 내용 중 아무 곳이나 클릭하여 편집 창을 활성화하세요.

2. 단축키 입력 (Format Document)

사용 중인 운영체제에 맞춰 아래 단축키를 입력하세요. 코드가 즉시 계층 구조에 맞춰 정렬됩니다.

  • Windows: Shift + Alt + F
  • macOS: Shift + Option + F

3. 새 이름으로 저장

정렬된 코드를 별도의 파일로 관리하려면 [File] > [Save As...]를 선택하거나 단축키를 눌러 project.json으로 저장합니다.

구분 단축키 비고
Windows Shift + Alt + F 문서 서식 정렬
macOS Shift + Option + F 문서 서식 정렬
💡 Tip! 만약 정렬이 되지 않는다면 우측 하단에 알림창이 뜨는지 확인해 보세요. Prettier 같은 확장 프로그램을 설치하면 훨씬 더 세밀한 정렬 규칙을 적용할 수 있습니다.