[VS Code] VS Code로 JSON 자동 정렬

Visual Studio Code(VS Code)로 JSON 파일을 자동 정렬하여 이쁘게 보는 방법을 소개합니다.

 

JSON 데이터를 볼 경우가 많은데, JSON이 아래와 같이 정렬이 되어있지 않아 알아 보기 어려운 경우가 있습니다.

 

`{"openapi":"3.1.0","info":{"title":"Get weather data","description":"Retrieves current weather data for a location.","version":"v1.0.0"},"servers":[{"url":"https://weather.example.com"}],"paths":{"/location":{"get":{"description":"Get temperature for a specific location","operationId":"GetCurrentWeather","parameters":[{"name":"location","in":"query","description":"The city and state to retrieve the weather for","required":true,"schema":{"type":"string"}}],"deprecated":false}}},"components":{"schemas":{}}}`

 

여러가지 방법으로 JSON을 예쁘게 정렬하여 확인할 수 있지만, 그 방법들 중 VS Code를 이용하는 방법을 소개합니다.

 

1. VS Code 실행

2. 새 파일 생성

`cmd + N` 혹은 마우스를 통해 새 파일을 생성합니다.

3. JSON 복사/붙여넣기

JSON 복사/붙여넣기

4. VS Code 하단의 언어모드를 JSON으로 설정

아마 Auto Detect로 JSON으로 잡혀있을 것입니다.

만약 JSON으로 잡혀있지 않다면, 하단의 언어모드를 눌러 JSON으로 직접 선택하여 설정합니다.

언어모드 JSON 설정

5. `shift + option + F` 또는 마우스 우클릭 후 Format Document 클릭

VS Code JOSN 자동정렬