개발 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를 눌렀을 때 정렬이 잘됨이 확인되었습니다.

오늘도 감사합니다😀
그리드형