가이드 & 튜토리얼
RunWebTools의 바탕이 되는 포맷·기법·일상 작업을 명확하고 실용적으로 설명합니다. 전문 용어도 군더더기도 없이, 알아야 할 것만 — 알맞은 도구는 클릭 한 번 거리에. 아래에서 주제별로 둘러보세요.
JSON이란? 쉬운 설명 (그리고 흔한 오류 고치는 법)
JSON이 무엇인지, 문법이 어떻게 동작하는지, 그리고 가장 흔한 JSON 오류 — 후행 쉼표·작은따옴표·따옴표 없는 키 등 — 를 빠르게 고치는 법.
Base64 인코딩 설명: 무엇이고 언제 쓰는가
Base64가 실제로 하는 일, 왜 데이터를 약 33% 키우는지, 데이터 URI·이메일 첨부 같은 흔한 용도, 그리고 알아둘 만한 보안 오해.
문자 인코딩: 유니코드와 UTF-8 설명
왜 텍스트가 깨진 기호로 변하는지, 유니코드와 UTF-8이 실제로 무엇인지, 문자·코드 포인트·바이트의 차이, 그리고 모지바케를 고치는 법.
YAML 설명 + JSON vs. YAML
YAML의 동작 방식, 조심할 함정(탭·타입 추측·들여쓰기), 그리고 JSON과의 비교를 다룬 명확한 가이드.
XML이란 무엇이고 어떻게 동작하나
XML을 정말 중요한 몇 가지 규칙으로 정리한 초심자 가이드 — 엘리먼트, 속성, well-formed 규칙, 그리고 HTML·JSON과의 비교.
CSV 포맷 설명 + 흔한 문제들
CSV가 실제로 어떻게 동작하는지와 흔한 함정을 피하는 법 — 값 안의 쉼표·따옴표·줄바꿈, 구분자, 인코딩과 BOM.
URL 인코딩 설명
URL 인코딩(퍼센트 인코딩)이 무엇을 하는지, 왜 필요한지, 어떤 문자가 이스케이프되는지 — 예약/비예약 문자와 더하기 기호 혼동까지.
명명 케이스 스타일: camelCase, snake_case 등
코드의 흔한 명명 규칙 — camelCase·PascalCase·snake_case·kebab-case·CONSTANT_CASE — 과 각각이 어디에 쓰이는지에 대한 명확한 가이드.
단어 수와 가독성 설명
단어·글자·읽기 시간이 무엇을 뜻하는지, 그리고 가독성을 높이는 법 — 문장 길이, 단어 길이, 실용 팁.
슬러그란 무엇이고 URL 친화적 텍스트를 만드는 법
슬러그(URL의 사람이 읽을 수 있는 부분)가 무엇인지, 왜 중요한지, 그리고 깔끔하고 URL 안전한 슬러그를 만드는 규칙.
텍스트 정리와 중복 제거하는 법
붙여 넣은 텍스트를 정리하는 실용 가이드 — 중복 줄 제거, 빈 줄 제거, 정렬, 그리고 보이지 않는 문자(끝 공백·비분리 공백·스마트 따옴표) 처리.
웹용 이미지 압축, 품질 손상 없이 하는 법
더 빠른 웹사이트를 위해 이미지 용량을 줄이는 실용 가이드 — 손실 vs. 무손실, JPEG·PNG·WebP 선택, 품질을 얼마나 안전하게 낮출 수 있는지.
이미지 포맷 설명: PNG·JPG·GIF·WebP·SVG
각 흔한 이미지 포맷이 무엇에 강한지에 대한 명확한 가이드 — 래스터 vs. 벡터, 그리고 이미지에 포맷을 맞추는 빠른 결정법.
웹용 이미지 크기 조정과 자르기 하는 법
크기 조정과 자르기의 차이, 지나치게 큰 이미지가 왜 페이지를 느리게 하는지, 그리고 웹용으로 이미지 크기를 올바르게 맞추는 법.
EXIF 메타데이터와 사진 프라이버시
EXIF 메타데이터가 무엇인지, 왜 프라이버시 우려인지, 그리고 사진을 공유하기 전에 제거하는 법.
JWT 설명: 구조, 클레임, 디코딩하는 법
JSON Web Token이 무엇인지, 모든 JWT가 가진 세 부분, 흔한 클레임의 의미, 서명이 어떻게 동작하는지, 그리고 피해야 할 보안 함정.
Unix 타임스탬프 다루기: 에포크 시간 쉽게
Unix 타임스탬프가 무엇인지, 왜 컴퓨터가 1970년부터 초를 세는지, 초 vs. 밀리초, 시간대와 UTC, 그리고 2038년 문제 — 명확히 설명.
색상 포맷 설명: HEX, RGB, HSL
웹 색상이 어떻게 동작하는지 — HEX·RGB·HSL이 실제로 무엇을 뜻하는지, 서로 변환하는 법, 각각 언제 쓰는지, 그리고 알파 투명도는 어떻게 들어맞는지.
HTTP 상태 코드의 의미
HTTP 상태 코드를 한눈에 읽는 법 — 첫 자리로 분류 파악, 실제로 만나는 코드들, 그리고 401 vs. 403 혼동.
초심자를 위한 정규 표현식
정규 표현식(regex)의 핵심 아이디어를 처음부터 — 리터럴 문자, 문자 클래스, 수량자, 앵커, 그리고 이스케이프.
중고폰 구매 전 테스트하는 법: 10분 체크리스트
중고 휴대폰을 그 자리에서 점검하는 실용 체크리스트 — 데드 픽셀, 터치 데드존, 센서, 배터리 상태, 카메라, 스피커 — 무료 브라우저 테스트로.
마우스가 저절로 더블클릭되는 이유(그리고 고치는 법)
스위치 채터링이 무엇인지, 낡은 마우스가 왜 유령 더블클릭을 만들고 키보드가 글자를 두 번 치는지, 브라우저 테스트로 확인하는 법과 수리 선택지.
모니터 주사율 완전 정리: 60Hz vs 120Hz vs 144Hz
주사율이 실제로 무엇인지, 60Hz 너머를 정말 구분할 수 있는지, 새 144Hz 모니터가 왜 실수로 60Hz로 도는지, 그리고 내 설정을 확인하는 법.
화상통화 전 마이크·카메라·스피커 테스트하는 법
2분 통화 전 루틴 — 마이크가 소리를 잡는지, 웹캠이 제대로 보이는지, 스피커 양쪽 채널이 나오는지, 연결이 안정적인지 확인하세요.