가이드
이 도구들이 다루는 것들에 대한 짧고 실용적인 설명입니다.
CSV 파일이 Excel에서 잘못 열리는 이유
로캘에 따른 쉼표, 세미콜론, 탭 구분자와 함께 따옴표 처리, 이스케이프, UTF-8 BOM을 다루고, 파일이 실제로 어떤 구분자를 쓰는지 확실하게 알아내는 방법을 설명합니다.
HEX, RGB, HSL과 새로 등장한 색 공간들
HEX, RGB, HSL, LCH, OKLCH가 서로 어떤 관계인지, HSL로 만든 팔레트가 중간 톤에서 왜 탁해지는지, 그리고 색역 클리핑과 알파 합성이 실제로 얻는 색을 어떻게 바꾸는지 설명합니다.
JSON Web Token에 실제로 담기는 것
JWT 내부의 헤더와 페이로드와 서명을 설명하고, 표준 클레임을 정리하며, 토큰을 Base64url로 디코딩하는 것이 왜 검증과 다른지 설명합니다.
JSON, YAML, CSV, XML 사이를 변환할 때 사라지는 것들
JSON, YAML, CSV, XML, TOML이 주석과 타입과 중첩과 날짜와 키 순서에서 어떻게 다른지, 그리고 이들 사이의 변환이 어떤 세부 사항을 조용히 버리는지 설명합니다.
MP4가 재생되지 않는 이유와 컨테이너의 정체
MP4나 MKV 같은 컨테이너가 H.264나 AV1 같은 코덱과 어떻게 다른지, 그리고 비트레이트, 키프레임, 오디오 트랙, 재인코딩이 파일의 재생 여부와 크기를 어떻게 결정하는지 설명합니다.
PDF의 정체와 텍스트 복사가 늘 되지는 않는 이유
PDF가 단어 대신 좌표 위의 글리프를 어떻게 저장하는지, 스캔본과 진짜 텍스트를 어떻게 구별하는지, 그리고 병합하거나 분할할 때 글꼴과 페이지 상자와 회전 플래그와 암호가 어떻게 작용하는지 설명합니다.
PNG, JPEG, WebP, AVIF 중에서 고르기
투명도, 손실과 무손실의 차이, JPEG를 다시 저장하면 왜 나빠지는지, 대략적인 파일 크기는 어떠한지를 다루며 이미지 형식을 고르는 방법을 설명합니다.
URL의 모든 구성 요소와 각 부분에 허용되는 문자
실제 예제 위에 URL의 모든 구성 요소를 표시하고, 어느 위치에서 어떤 문자를 퍼센트 인코딩해야 하는지, 쿼리 문자열이 실제로 어떻게 동작하는지, 호스트를 속이는 링크를 어떻게 알아보는지 설명합니다.
감에 의존하지 않고 WCAG 색 대비 충족하기
대비율이 무엇을 측정하는지, 텍스트와 인터페이스 구성 요소에 대한 AA와 AAA 기준값은 얼마인지, 그리고 흰 바탕의 회색 글자에서 매번 조용히 기준을 놓치는 실수는 무엇인지 설명합니다.
게시하기 전에 이미지 준비하기
픽셀 비율, 품질 설정, 누끼 후광, EXIF 회전, 메타데이터 제거를 포함해 이미지를 페이지에 올리기 전에 크기를 정하고 자르고 리샘플링하고 압축하는 방법을 설명합니다.
다른 곳에서 가져온 텍스트 정리하기
붙여 넣은 텍스트를 말썽부리게 만드는 보이지 않는 문자, 자동으로 바뀐 문장 부호, 줄 끝 문자, 정규화 형식, 대소문자 규칙을 다루고 어떤 순서로 고쳐야 하는지 설명합니다.
비밀번호는 얼마나 강해야 하는가
비트 단위 엔트로피가 실제로 무엇을 재는지, 왜 기호를 잔뜩 섞는 것보다 길이가 나은지, 비밀번호 재사용의 대가는 무엇인지, 그리고 패스프레이즈와 비밀번호 관리자는 어디에 들어맞는지 설명합니다.
식별자 고르기: UUID, 짧은 ID, 그리고 정보를 흘리는 식별자
어떤 UUID 버전을 쓸지, v4 충돌이 왜 실무에서 걱정거리가 아닌지, 순차 정수는 무엇을 노출하는지, 짧은 ID의 알파벳은 무엇을 맞바꾸는지, 무작위 비트를 어디에서 얻어야 하는지 설명합니다.
예상을 벗어나지 않게 목록을 정렬하고 중복 제거하기
왜 "10"이 "2"보다 앞에 오는지, 움라우트가 독일과 스웨덴에서 어떻게 자리를 바꾸는지, 어떤 중복이 정말 중복으로 세어지는지, 그리고 무작위 비교 함수가 왜 편향된 섞기인지 설명합니다.
오디오 형식과 비트레이트, 그리고 어떤 트랙이 더 크게 들리는 이유
MP3, AAC, Opus, WAV, FLAC 중에서 무엇을 고를지, 샘플레이트와 비트 심도가 실제로 무엇을 바꾸는지, 피크 기준으로 노멀라이즈하면 왜 작은 트랙이 여전히 작게 들리는지 설명합니다.
인코딩, 해싱, 암호화는 서로 다른 세 가지입니다
인코딩과 해싱과 암호화가 어떻게 다른지, Base64와 퍼센트 인코딩과 HTML 이스케이프가 실제로 무엇을 위한 것인지, 그리고 정체를 알 수 없는 문자열을 한눈에 알아보는 방법을 설명합니다.