[TOOL][NOTEPAD++] JSON 문자열 쉽게 정렬해 보기 - NOTEPAD++ PLUG IN :: JSON Viewer

이번 포스팅에서는 개발간의 JSON 파일 형식을 보기 좋게 정렬해 주는

NOTEPAD++의 PLUG IN들에 대해 설명합니다.

JSON 문자열의 준비과정도 포함되어 있으니,

사용법만 보실 분은 준비과정은 넘어가도 좋습니다.

1. Note Pad ++ 플러그인 설치

노트패드 상단의 "플러그인" > "플러그인 관리" 로 들어가면 아래 사진처럼 팝업창이 출력됩니다. 여기서 우리가 알아볼 JSON Viwer와 JSTool을 설치해 줍니다.

2. JSON Viewer 사용방법

1) 준비 (JSON String 생성)

 [소스코드]

var memberInfos = new Array();

memberInfos.push({
 key: "name",
 value: "kim",
 priority: "1"
});

memberInfos.push({
 key: "address",
 value: "Seoul XXXX - XXXX",
 priority: "2"
});

memberInfos.push({
 key: "phone",
 value: "010-XXXX-XXXX",
 priority: "3"
});

var jsonArr = JSON.stringify(memberInfos);

 [결과 - JSON 문자열]

"[{" key ":" name "," value ":" kim "," priority ":" 1 "},{" key ":" address "," value ":" Seoul XXXX - XXXX "," priority ":" 2 "},{" key ":" phone "," value ":" 010 - XXXX - XXXX "," priority ":" 3 "}]"

 2) JSON Viewer 사용법

  플러그인이 정상적으로 설치 되었다면, 아래와 같이 JSON Viewer가 추가된 것을 확인 할 수 있습니다.

 ① JSON 문자열을 입력

 ② 유효 문자열 블럭 처리 (Ctrl + Alt + B) 

 ③ 유효 문자열 Copy & Paste

 ④ 문자열 정렬 (Ctrl + Alt + Shift + M)


위와 같이 진행했다면 결과는 아래와 같이 정렬됩니다.