Developer Tools

흔히 쓰는 개발도구 모음

문서 검색, 데이터 변환, 프론트엔드 품질 점검, 디자인 보조, 배포 운영에 자주 쓰는 도구들을 모았습니다.

바로 쓰기JSON, URL, Base64 변환을 이 화면에서 처리합니다.사이트 링크외부 개발 도구와 레퍼런스로 이동합니다.

Interactive

Try it here

브라우저에서 바로 쓰는 작은 도구

외부 사이트로 이동하기 전에 자주 하는 변환 작업을 이 화면에서 먼저 처리할 수 있게 했습니다.

붙여넣은 JSON을 보기 좋게 들여쓰기하고 문법 오류를 바로 확인합니다.

입력결과

{
  "site": "kangto.dev",
  "tools": [
    "json",
    "url",
    "base64"
  ]
}

쿼리스트링이나 한글 URL을 인코딩/디코딩합니다.

입력결과

https%3A%2F%2Fkangto.dev%2Fsearch%3Fq%3D%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC%26tag%3D%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C

짧은 텍스트를 Base64로 바꾸거나 다시 읽을 수 있는 문자열로 복원합니다.

입력결과

aGVsbG8ga2FuZ3RvLmRldg==

문서, 품질 점검, 디자인, 배포 운영처럼 외부 서비스가 필요한 도구는 아래 링크 묶음으로 따로 정리했습니다.

API, 브라우저 지원, 표준 문서를 빠르게 확인할 때 씁니다.

작은 포맷팅, 변환, 디버깅을 브라우저에서 처리합니다.

번들 크기, 접근성, 성능을 점검할 때 유용합니다.

가벼운 시각 자료와 이미지 최적화 작업에 씁니다.

배포 상태, DNS, 인증서, 패키지를 확인할 때 씁니다.