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 복사/붙여넣기
4. VS Code 하단의 언어모드를 JSON으로 설정
아마 Auto Detect로 JSON으로 잡혀있을 것입니다.
만약 JSON으로 잡혀있지 않다면, 하단의 언어모드를 눌러 JSON으로 직접 선택하여 설정합니다.
5. `shift + option + F` 또는 마우스 우클릭 후 Format Document 클릭
'IT' 카테고리의 다른 글
[Mac Os] Mac 트랙패드 세 손가락 드래그 (1) | 2025.02.21 |
---|---|
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 6장. 키-값 저장소 설계 (0) | 2024.07.07 |
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 5장. 안정 해시 설계 (0) | 2024.06.10 |
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 4장. 처리율 제한 장치의 설계 (0) | 2024.05.29 |
[가상면접 사례로 배우는 대규모 시스템 설계 기초] 3장. 시스템 설계 면접 공략법 (0) | 2024.05.25 |