위키 & 가이드
주제별 개념과 실전 가이드를 차곡차곡 정리합니다.
텍스트 음성 변환(TTS)이란? 원리와 똑똑한 활용법
글자를 음성으로 읽어주는 TTS의 원리와 브라우저 음성 합성(Web Speech API), 교정·접근성·외국어 발음 등 활용법을 정리합니다.
CSS box-shadow 완전 정복 — 그림자 값 5가지 이해
box-shadow의 가로·세로 오프셋·번짐(blur)·확산(spread)·색과 inset, 여러 그림자 겹치기를 예시 코드로 정리합니다.
CSS 그라데이션 만드는 법 — linear·radial·conic
CSS linear-gradient·radial-gradient·conic-gradient 문법과 방향·색 정지점(color stop) 지정법을 예시 코드로 정리합니다.
화면 비율(16:9 등) 이해와 해상도 계산법
16:9·4:3·21:9·1:1·9:16 등 화면 비율의 의미와 한 변으로 다른 변을 구하는 법, 대표 해상도를 정리합니다.
색상 대비와 WCAG 기준 — 접근성 좋은 텍스트 색 고르기
명도 대비(contrast ratio)의 의미와 WCAG AA·AAA 기준(4.5:1·7:1), 큰 텍스트 예외를 접근성 관점에서 정리합니다.
시저 암호 원리 — 글자 밀어 암호화하기(ROT13)
글자를 일정 칸 밀어 치환하는 시저 암호의 원리와 ROT13, 복호화 방법, 보안이 약한 이유를 예시로 정리합니다.
URL 인코딩이란? 퍼센트 인코딩과 한글·공백 처리
URL에 쓸 수 없는 공백·한글·특수문자를 %XX로 바꾸는 퍼센트 인코딩의 원리와 쿼리스트링 처리, 흔한 실수를 정리합니다.
유닉스 타임스탬프란? 에포크 시간 이해와 변환
1970년 기준 에포크 초로 표현하는 유닉스 타임스탬프의 원리와 초·밀리초 구분, 타임존 처리, 2038년 문제를 정리합니다.
크론(cron) 표현식 완전 정복 — 5필드와 예시 패턴
cron 표현식의 5개 필드(분·시·일·월·요일)와 *, */n, 범위·목록 기호를 자주 쓰는 스케줄 예시로 쉽게 설명합니다.
단어 빈도 분석 — 글의 키워드와 반복어 찾는 법
텍스트에서 단어 출현 빈도를 세어 핵심 키워드와 과도한 반복어를 찾는 원리와 자소서·SEO 활용법을 정리합니다.
CSV와 JSON 차이와 상호 변환 — 표 데이터 다루기
CSV와 JSON의 구조 차이와 헤더 기반 상호 변환 원리, 쉼표·따옴표 처리 주의점을 예시로 정리합니다.
진법 변환 완전 정복 — 2·8·10·16진수 쉽게 바꾸기
2·8·10·16진수의 개념과 상호 변환법(나눗셈·자리값), 컴퓨터가 2진수와 16진수를 쓰는 이유를 예시로 정리합니다.
다운로드 시간 계산법 — Mbps와 MB 헷갈리지 않기
파일 크기와 인터넷 속도로 다운로드 시간을 구하는 법과 Mbps(비트)·MB(바이트) 단위 차이, 실제가 더 오래 걸리는 이유를 정리합니다.
저항 색띠 읽는 법 — 4밴드·5밴드 컬러 코드표
저항의 색띠(컬러 코드)로 저항값과 오차를 읽는 법을 4밴드·5밴드 기준 색-숫자표와 예시로 정리합니다.
옴의 법칙 완전 정복 — 전압·전류·저항·전력 계산
옴의 법칙 V=IR과 전력 공식(P=VI)으로 전압·전류·저항·전력을 구하는 법을 단위와 예시로 쉽게 설명합니다.
사업자등록번호 구조와 검증 방법
사업자등록번호 10자리는 어떻게 구성될까요? 세무서 코드·구분 코드·일련번호·검증 숫자의 의미와 체크섬 검증 원리, 그리고 실제 사업자 확인 방법까지 정리했습니다.
색상 코드 완전 정복 — HEX·RGB·HSL
HEX·RGB·HSL이 같은 색을 표현 방식만 다르게 나타낸다는 점부터 각 형식의 값 범위, 투명도(RGBA·8자리 HEX)까지 정리했습니다. 색상 변환기로 형식을 바로 바꿔 보세요.
이미지 크기 줄이기·압축하는 법
리사이즈(픽셀 크기 변경)와 압축(품질 조절로 용량 줄이기)의 차이, JPG·PNG·WebP 포맷 선택, 브라우저 처리의 개인정보 이점까지 정리했습니다. 리사이저로 바로 줄여 보세요.
JWT(JSON Web Token) 구조와 디코딩 이해
JWT가 헤더·페이로드·서명 세 부분으로 이뤄지는 원리, Base64URL 인코딩, 클레임(sub·exp·iat)의 의미, 디코딩과 서명 검증의 차이까지 정리했습니다. 디코더로 바로 확인해 보세요.
와이파이 QR 코드 만드는 법
와이파이 QR이 WIFI:T:..;S:..;P:..;; 형식 문자열을 담는 원리, 스캔만으로 자동 접속되는 방식, 카페·매장·게스트용 활용, 특수문자 이스케이프까지 정리했습니다. 바로 만들어 보세요.
Base64 인코딩이란? 원리와 사용 사례
Base64가 바이너리를 64개 ASCII 문자로 표현하는 원리, 33% 크기 증가, data URI·이메일 첨부 같은 용도와 보안 오해까지 정리했습니다. 인코더로 바로 변환해 보세요.
글자수 세기 — 자기소개서·원고지 분량 맞추기
공백 포함·제외 글자수의 차이부터 원고지 1매=200자 환산, UTF-8 바이트 수까지 정리했습니다. 자기소개서와 원고지 분량을 정확히 맞추는 방법을 알아보세요.
해시 함수(SHA-256)란? 용도와 특징
SHA-256 해시 함수의 단방향성, 쇄도 효과, 256비트 출력 같은 특징과 파일 무결성·비밀번호 저장·블록체인 용도를 정리했습니다. 해시 생성기로 바로 만들어 보세요.
정규식(Regex) 기초와 자주 쓰는 패턴
정규식 메타문자(. * + ? ^ $ [] () \d \w \s)와 g·i·m 플래그, 그리디 vs 게으른 매칭을 예제와 함께 정리했습니다. 정규식 테스터로 패턴을 바로 검증해 보세요.
UUID란? v4 생성과 활용
128비트 고유 식별자 UUID의 구조와 버전 4(v4)의 랜덤 생성 원리, DB 기본키·분산 시스템·요청 추적 같은 용도와 ULID 대안까지 정리했습니다. 생성기로 바로 만들어 보세요.
JSON 포맷터 사용법과 자주 나는 오류
JSON 작성 규칙과 정렬·압축의 차이, 작은따옴표·트레일링 콤마 같은 흔한 오류와 해결법을 정리했습니다. JSON 포맷터로 바로 검증해 보세요.
안전한 비밀번호 만드는 법
12자 이상, 대소문자·숫자·기호 혼합이 안전한 비밀번호의 기본입니다. 피해야 할 패턴과 비밀번호 관리자·2단계 인증까지 보안 핵심을 정리했습니다.
QR 코드 만드는 법과 활용 사례 총정리
QR 코드에 담을 수 있는 데이터부터 오류정정 레벨, 식당·명함·마케팅 활용 사례, 인쇄 시 주의점까지 한 번에 정리했습니다. 무료로 QR 코드 만드는 법도 함께 알려드립니다.