visual studio code에서 json 파일 정리 보기

visual studio code 내에서 API를 요청하여 응답을 받으면 다음과 같이 flat한 형태의 응답을 받을 수 있다. 가독성이 매우 낮아 확인이 어렵다는 단점이 있다. 해당 json을 어떻게 하면 조금 편하게 볼 수 있을까? 궁리를 하다 검색을 해보니 vscode에서 지원이가능하다. 외부 인터넷 사이트에 입력을 하는 방식도 있지만, 불안하지 않은가? 결국 외부 입력을 해야하고, 응답을 받는 형태이기 때문에 번거롭지만 해당 방법을 사용하기로 했다.

 

 

• 1단계

새로운 파일을 하나 만들어 준다. ctrl + N 형태로 만들어도 좋고, new file로 만들어도 좋다.

• 2단계

리턴 받은 값을 복사해서 해당 신규 파일에 붙여 넣기를 한다. 아래 내용만 봐도 심난하게 정리가 되어있다.

 

• 3단계

우측 하단에 자세히 보면 언어가 표기 되어 있고, 현재 언어가 javascript로 설정되어 있다. 해당 부분을 클릭한 후 json을 입력 해 준다.

 

• 4단계

파일내 내용을 전체 선택 한 후 shitf + alt + f 를 입력해 주면 다음과 같이 그래도 볼 수 있는 수준으로 정리가 되는 것을 확인 할 수 있다.