package.json 정리 도구

언제 사용하나요?

프로젝트 의존성과 npm scripts를 빠르게 검토하거나 문서에 정리해야 할 때 사용합니다.

사용 방법

• package.json 내용을 붙여넣습니다.
• 주요 섹션을 파싱합니다.
• 이름순으로 정렬된 목록을 확인합니다.

입력값 안내

유효한 package.json 전체 또는 관련 JSON 객체를 입력합니다.

계산·변환 기준

JSON을 파싱한 뒤 scripts, dependencies, devDependencies 객체를 키 기준으로 정렬해 텍스트 목록으로 출력합니다.

사용 예시

• 의존성 현황 파악 - dependencies와 devDependencies를 알파벳순으로 정렬해 어떤 패키지가 설치되어 있는지 빠르게 파악합니다.
• npm scripts 정리 - scripts 섹션을 정렬해 build, test, lint 등 명령어 목록을 한눈에 확인하고 팀 문서에 공유합니다.
• 신규 프로젝트 리뷰 - 오픈소스나 신규 프로젝트의 package.json을 붙여넣어 사용된 기술 스택과 의존성을 빠르게 분석합니다.

예시

• dependencies의 react, vite 등을 알파벳순으로 표시
• 의존성이 많은 package.json → 항목별로 정렬해 한눈에 파악
• dependencies 30개 이상 → 알파벳순 정렬 후 불필요한 패키지 즉시 탐지
• scripts 필드 클릭 → build, dev, lint, test 스크립트 목록 요약 표시
• 신규 프로젝트 package.json 붙여넣기 → 버전·라이선스·엔진 요구사항 한눈에 파악
• 레거시 프로젝트 package.json → peer dependencies 경고 필드 즉시 확인

주의사항

• 입력한 package.json은 브라우저에서만 처리되며 외부로 전송되지 않습니다.
• 버전 범위 표현(^, ~)은 실제 설치 버전과 다를 수 있으므로 npm list로 실제 설치 버전을 확인하세요.

자주 묻는 질문

파일을 수정하나요?

아니요. 입력한 package.json 내용을 보기 좋게 파싱해 표시만 합니다. 원본 파일은 변경되지 않으며, 수정된 내용을 복사해서 직접 파일에 붙여넣어야 합니다.

붙여넣은 package.json이 외부로 전송되나요?

아니요. 내용 정리는 브라우저 안에서만 처리되어 외부 서버로 전송되거나 저장되지 않습니다. 비공개 프로젝트 정보가 포함된 package.json도 안심하고 사용할 수 있습니다.

scripts도 함께 정리되나요?

scripts, dependencies, devDependencies를 각각 섹션으로 나눠 보기 좋게 정리해 한눈에 확인할 수 있습니다. 특히 scripts가 많아진 프로젝트에서 어떤 명령어가 있는지 빠르게 파악할 때 유용합니다.

의존성 버전도 정리되나요?

dependencies와 devDependencies의 키를 알파벳순으로 정렬해 보여 줍니다. 버전 범위 값(^, ~) 자체는 바꾸지 않습니다. 실제 설치된 버전을 확인하려면 터미널에서 npm list를 실행하세요.

유효하지 않은 JSON을 입력하면 어떻게 되나요?

JSON 파싱 오류가 발생하면 오류 메시지가 표시됩니다. 후행 쉼표(trailing comma), 주석, 싱글 쿼트는 표준 JSON에서 허용되지 않으므로 올바른 JSON 형식으로 입력해야 합니다.

관련 도구

• .env 정리 도구 - .env 파일의 키를 알파벳순으로 정렬하고 중복 변수를 탐지합니다. 개발·스테이징·운영 환경 파일을 정리하거나 신규 팀원 온보딩 시 빠르게 변수 목록을 파악할 때 유용합니다.
• semver 비교기 - 두 시맨틱 버전(semver)의 크기를 비교하고 버전 범위 표기를 해석합니다.
• JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
• UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.
• SQL 포매터 - 압축되거나 뒤섞인 SQL 쿼리를 SELECT·FROM·WHERE·JOIN 등 절 단위로 보기 좋게 정렬합니다. MySQL·PostgreSQL·SQLite 등 주요 DBMS 방언을 지원합니다.
• HTML 포매터 - 한 줄로 압축되거나 들여쓰기가 엉망인 HTML 코드를 태그 계층에 맞춰 줄바꿈과 들여쓰기로 정리합니다. CMS·API에서 받은 HTML 응답을 분석할 때 특히 유용합니다.