관리 메뉴

피터의 개발이야기

[Intellij] JSON 이쁘게 정리하기, JSON 정렬 본문

DevTool/Intellij

[Intellij] JSON 이쁘게 정리하기, JSON 정렬

기록하는 백앤드개발자 2024. 7. 7. 10:10
반응형

ㅁ 들어가며

ㅇ 보안망에서 개발을 진행하면서 JSON을 이쁘게 만들 수 있는 플러그인을 다운받을 수 없는 상황이었다.

ㅇ Intellij의 기본 정렬기능으로 JSON을 이쁘게 만드는 방법을 정리하였다.

 

ㅁ JSON 파일 만들기

ㅇ 프로젝트의 적당한 저장 위치에서 data.json 파일을 만들어 본다. 

 

ㅇ 파일 확장자가 JSON이 아닌 경우는 미세하게 칸 공간만 띄어주는 형태로 변경될 뿐 정렬 시 이쁘게 되지 않았다.

 

ㅇ 해당 위치에 JSON을 붙여 놓는다.

ㅇ Command + Option + L 을 누르면 정렬과 함께 저장이 된다.

 

// 정렬 전
{"a":"teatA","b":"teatB","c":"teatC","d":{"aa":"test","bb":"test","cc":"test"}}

// 정렬 후
{
  "a": "teatA",
  "b": "teatB",
  "c": "teatC",
  "d": {
    "aa": "test",
    "bb": "test",
    "cc": "test"
  }
}

ㅇ 정렬된 JSON 샘플

 

 

 크롬에서 JSON 데이터를 보는 방법도 있다.

 

ㅁ 크롬 개발자 모드에서 JSON 정리

ㅇ 크롬의 개발자 콘솔을 연다.

ㅇ JSON string을 콘솔에 입력하면, JSON이 구조화된 Object 형태로 표시가 된다.

 

ㅇ 내용이 복잡하면 개발자 콘솔을 이용해 보는 것도 좋은 방법이다.

반응형
Comments