Think like a man of action, act like a man of thought.

Posts

Text Comparison (Diff Checker)

- June 16, 2026

// 두 개의 텍스트나 코드를 입력받아 변경 사항을 줄 단위로 비교하여 시각화하는 웹 도구 실시간 텍스트 & 코드 비교 검사기 (Diff Checker) 원본 텍스트와 수정된 텍스트를 나란히 입력하여 줄 단위로 추가된 라인(녹색)과 삭제된 라인(적색)을 감지하고 시각적으로 비교해 주는 코드 검사 툴입니다. 원본 텍스트 (Original) 수정본 텍스트 (Modified) 텍스트 비교 실행 초기화 원본 (Original) — 제거 항목 수정본 (Modified) — 추가 항목

- June 13, 2026

JSON beautify 프리미엄 JSON 포매터 & 압축기 JSON 데이터를 보기 좋게 4칸 들여쓰기로 자동 정렬(Beautify)하거나, 웹 전송 최적화를 위해 불필요한 줄바꿈과 공백을 제거하여 압축(Minify)해 주는 도구입니다. 정렬 (Beautify) 압축 (Minify) 올바르지 않은 JSON 구문 형식입니다. 원본 JSON 데이터 0자 / 0 B 변환 결과 0자 / 0 B // 결과가 여기에 실시간으로 표시됩니다. 변환 실행하기 결과 복사하기 초기화 이전 데이터 크기 - 이후 데이터 크기 - 용량 변화율 -

웹 코드 정렬(Beautify) 및 압축(Minify)

- May 31, 2026

프리미엄 웹 코드 포매터 & 압축기 HTML, CSS, JavaScript, JSON 코드를 깔끔하게 정렬(Beautify)하거나 불필요한 줄바꿈과 공백을 완전히 제거하여 압축(Minify)해 주는 스마트 클라이언트 사이드 도구입니다. 복잡한 소스 코드 최적화를 브라우저 내에서 즉시 해결할 수 있습니다. HTML CSS JavaScript JSON 정렬 (Beautify) 압축 (Minify) 잘못된 문법 오류가 감지되었습니다. 코드를 확인해 주세요. 원본 소스 코드 0자 / 0 B 처리 결과 0자 / 0 B // 결과가 여기에 실시간으로 표시됩니다. 변환 실행하기 결과 복사하기 초기화 이전 코드 크기 - 이후 코드 크기 - 용량 변화율 - 도구 라이브러리 상태 대기 중

- May 25, 2026

복잡한 텍스트 데이터, 정규표현식(Regex)으로 한 방에 해결한 썰 Regex 개발 경험담 JavaScript 실무 팁 복잡한 텍스트 데이터, 정규표현식(Regex)으로 한 방에 해결한 썰 📅 2025 ⏱ 약 5분 읽기 개발자라면 누구나 한 번쯤 마주치지만, 처음엔 마치 '외계어'처럼 느껴지는 정규표현식(Regular Expression, Regex) . 수만 줄 로그 파일에서 이메일 하나를 뽑는 데 반나절을 보낸 적이 있다면, 이 글이 딱 필요한 순간입니다. 수만 줄의 텍스트 데이터를 마주했을 때, 정규표현식은 빛을 발합니다. 💡 수만 줄의 로그 파일에서 이메일만 뽑아야 했던 그 날 과거 프로젝트에서 서버 로그 수만 줄 더미 속에서 고객 이메일 주소만 추출해야 하는 업무를 맡은 적이 있습니다. 정규표현식에 익숙하지 않았던 저는 처음에 JavaScript로 반복문을 돌리고, indexOf 로 @ 기호를 찾고, 그 앞뒤 문자열을 잘라내는 방식으로 접근했습니다. 코드는 금세 수백 줄로 불어났고, 메일 주소 끝에 특수문자가 붙는 예외 케이스가 발생...

Search This Blog

Think like a man of action, act like a man of thought.

Posts

Base64 Encoder / Decoder

Text Comparison (Diff Checker)

웹 코드 정렬(Beautify) 및 압축(Minify)