개발 Tip/기타

[Sublime Text] JSON 자동 정렬 단축키 적용하기 : Pretty JSON

adjh54 2024. 7. 26. 20:20
728x170
Sublime Text 툴 내에서 JSON 자동 정렬을 단축키로 적용하는 방법에 대해 알아봅니다.

1) Sublime Text


💡 Sublime Text

- 다양한 프로그래밍 언어를 지원하는 강력한 텍스트 편집기입니다.
기능 설명
멀티 셀렉션 여러 위치를 동시에 편집할 수 있어 생산성을 높여줍니다.
명령 팔레트 Ctrl+Shift+P(Windows, Linux) 또는 Cmd+Shift+P(Mac)로 액세스할 수 있으며, 명령을 빠르게 실행할 수 있습니다.
편리한 파일 탐색 Ctrl+P(Windows, Linux) 또는 Cmd+P(Mac)를 통해 파일 이름 또는 경로를 입력해 빠르게 파일을 열 수 있습니다.
플러그인 지원 다양한 플러그인을 설치하고 사용할 수 있으며, 이를 통해 기능을 확장할 수 있습니다. 대표적인 플러그인 매니저로는 Package Control이 있습니다.
자동 완성 코드 작성 시 자동 완성 기능을 제공해 편리하게 코드를 작성할 수 있습니다.
테마와 커스터마이징 다양한 테마와 설정을 통해 편집기의 외관과 동작을 사용자 맞춤형으로 변경할 수 있습니다.

 

 

2) Sublime Text : Pretty JSON 설치 및 구성


 

1. Command + Shift + P를 누르면 아래와 같이 검색할 화면이 출력됩니다.


 

 

2. package control을 검색하고 Package Control: Install Package를 선택합니다.


 

 

3. 아래와 같이 설치할 패키지를 검색할 수 있습니다.


 

 

 

4. Pretty JSON을 검색하여서 설치를 해줍니다.


 

 

 

5. Command + Shift + P를 누르고 ‘JSON’을 검색하여 ‘Pretty JSON: Format JSON’을 선택해 줍니다.


💡 [참고] 테스트 JSON 타입 데이터

 

{ "clientVer": "1.0.0", "dvcNm": "iPhone", "dvcTypeNm": "Handset", "osNm": "iOS","osVer": "17.5.1" }

 

 

6. 아래와 같이 정렬된 JSON 데이터를 확인이 가능합니다.


 

 

3) Sublime Text : Pretty JSON 단축키 설정


 

1. Settings… > Key Bindings를 선택해 줍니다.


 

2. 지정하려는 키와 Pretty JSON Format 정보를 매핑시켜 적어줍니다.


💡 지정하려는 키와 Pretty JSON Format 정보를 매핑시켜 적어줍니다.

- 오른쪽 텍스트 내용에 아래와 같이 적어주고 저장을 하면 반영이 됩니다.

 

 

 

3. 지정한 Command + Shift + h를 눌렀을 때 정렬이 잘됨이 확인되었습니다.


 

 

 

 

 

 

오늘도 감사합니다😀

 

 

 

그리드형