개발·웹

JSON을 다섯 가지 모양으로 정리·압축하고, 키 이름순 정렬과 \u 한글 풀기, 오류 자동 고침까지 한 화면에서 합니다.

JSON 문법 오류의 위치와 고칠 곳을 짚고, 올바른 JSON은 트리·경로·무게 지도로 살펴봅니다. 큰 숫자·중복 키도 알려 줍니다.

JSON과 YAML을 서로 바꿉니다. 두 칸 모두 고칠 수 있고, 줄을 고르면 반대쪽 같은 값을 짚어 주며 YAML 1.1·1.2 해석 차이도 알려 줍니다.

JSON 배열과 JSONL을 서로 바꿉니다. 방향을 알아서 맞추고, 줄마다 빠진 키나 섞인 값 종류를 막대로 보여 줍니다.

CSV와 JSON을 서로 바꿉니다. 구분자 자동 인식, 중첩 JSON 펼치기, 표로 미리 보기와 오류 위치 표시까지 됩니다.

쉼표·탭·세미콜론을 알아보고 CSV와 TSV를 서로 바꿉니다. 엑셀에서 바뀔 칸을 표에서 미리 짚고 .xlsx로도 저장합니다.

마크다운 표를 CSV·엑셀로, CSV·엑셀 칸을 마크다운 표로 바꿉니다. 문서 속 여러 표를 찾아 시트로 나누고 열 정렬도 정합니다.

엑셀 열 문자와 번호를 서로 바꾸고 셀 주소·R1C1, 표 범위 안 순번, 수식·VBA·Python 코드, 여러 개 일괄 변환을 함께 보여 줍니다.

마크다운을 HTML로 바꾸고 웹 화면으로 미리 보며, 한국어 강조가 기호로 남는 자리와 줄바꿈·주소 문제를 함께 점검합니다.

HTML과 웹 화면에서 복사한 글을 GFM Markdown으로 바꾸고, 문서 구조와 빠지거나 다르게 적은 곳을 함께 보여 줍니다.

HTML의 태그를 걷어 읽을 글자만 남기고, 원문이 글자·태그·속성·스크립트로 어떻게 이뤄졌는지 함께 보여 줍니다.

글과 파일을 Base64로 바꾸고 되돌리며, 3바이트가 4글자로 바뀌는 묶음과 비트, 결과가 달라지는 이유를 보여 줍니다.

%가 섞인 주소를 한글로 풀고 값·주소 전체·폼·엄격 규칙으로 인코딩하며, 기호마다 바뀌는 모양과 언어별 함수 결과를 견줘 보여 줍니다.

주소의 쿼리를 이름·값 표로 풀어 고치고 다시 만들며, 추적 매개변수를 빼고 같은 이름을 서버마다 어떻게 읽는지 보여 줍니다.

글자 ↔ U+ 코드 포인트와 \u·&#x…; 등 9가지 표기를 바꾸고, 글자 이름·블록·코드 공간 지도로 둘러봅니다.

텍스트와 UTF-8 16진수를 양쪽으로 바꾸고, 글자마다 바이트·비트와 깨진 바이트의 위치·이유를 보여 줍니다.

2·8·10·16진수와 2~36진법을 어느 칸에서든 바꾸고, 2의 보수 비트판과 나눗셈 풀이로 과정까지 보여 줍니다.

파일·글자의 SHA-256을 계산해 기준값이나 체크섬 목록과 64자리를 대조하고, 다르면 원인을 찾아 줍니다.

JWT를 풀어 클레임의 뜻을 보여 주고, 서명·만료·발급자를 차례로 확인해 서버가 토큰을 거절하는 이유를 찾습니다.

UUID v4·v7·v5를 1,000개까지 만들어 원하는 형식으로 복사하고, 붙여 넣은 UUID의 버전·시각을 읽습니다.

무작위 문자·단어 조합·숫자 PIN을 만들고, 길이와 쓸 기호를 골라 경우의 수와 함께 복사합니다.

지금 인터넷에 보이는 공인 IP(IPv4·IPv6)를 보여 주고, 그 IP로 보이는 위치·통신사와 VPN·WebRTC 노출을 점검합니다.

정규식이 글의 어디에 맞는지 바로 칠하고, 그룹 값 표·치환 결과·패턴 칸마다의 뜻을 함께 보여 줍니다.

CSS를 읽기 좋게 정리하거나 배포용으로 압축하고, 어디서 얼마나 줄었는지와 오류가 난 줄을 함께 보여 줍니다.

px·rem·em·%·vw·pt 등 16개 CSS 단위를 바로 바꾸고, 글자 설정과 화면 너비에 따라 실제 크기가 어떻게 달라지는지 막대로 보여 줍니다.

정렬과 간격을 눌러 바꾸고 남는 공간·grow·shrink 계산을 눈으로 확인한 뒤 flex CSS를 복사합니다.

칸을 끌어 영역을 그리고 fr·minmax 트랙과 자동 줄바꿈을 미리 본 뒤 grid-template-areas CSS를 복사합니다.

두 화면의 크기를 정하면 clamp() 식과 그래프, 확대 점검, 타입 스케일을 한 번에 만듭니다.

모서리를 끌거나 숫자를 넣어 border-radius 코드를 만들고, 실제로 그려지는 반지름까지 확인합니다.

빛을 끌어 방향을 잡고 겹을 쌓아 다듬은 그림자를 box-shadow나 drop-shadow CSS로 복사합니다.