툴박스 가이드
개발자 도구·디자인·생활 계산·텍스트·보안까지 — 일상 도구 가이드
가이드 목록 (총 56편)
계정 유출·해킹 당했을 때 상황별 대응 6가지 (지급정지·명의도용 차단 순서)
털린 내 정보 찾기 서비스에서 유출이 확인된 뒤부터가 진짜 문제다. 단순 유출·계정 탈취·계좌 이체 피해·명의도용 개통 등 상황 여섯 가지로 나눠, 어디에 먼저 연락하고 며칠 안에 무엇을 끝내야 하는지 정리했다.
한글 자모 분리(ㅎㅏㄴㄱㅡㄹ) 원인과 해결법: 유니코드 NFC·NFD 완전정리
맥에서 만든 파일 이름이 윈도우에서 자음·모음으로 흩어지는 건 인코딩 깨짐이 아니라 유니코드 정규화(NFD) 문제다. NFC·NFD·NFKC 차이와 검색·글자수·파일명이 망가지는 이유, 정규화해도 안 합쳐지는 호환 자모 함정까지 코드포인트 단위로 정리했다.
2026년 8월 전기요금 고지서 검산 체크리스트 7가지 (하계 누진 300·450kWh 기준)
하계 누진 구간은 300·450kWh, 3단계 진입 시 기본요금이 1,600원에서 7,300원으로 뜁니다. 450kWh와 460kWh의 요금 차이 10,050원을 실제 계산으로 풀고, 검침 기간부터 슈퍼유저 요금·다자녀 할인까지 순서대로 검산하는 체크리스트입니다.
웹 접근성 명도 대비 기준 비교 — AA 4.5:1·AAA 7:1·UI 3:1과 Tailwind 팔레트 실측표
WCAG 2.2의 대비 기준 세 갈래(본문 4.5:1·큰 글씨 3:1·AAA 7:1)를 표로 비교하고, Tailwind v4 기본 팔레트의 흰 배경·다크 배경 대비비를 직접 계산해 실었다. 라이트에서 통과한 색이 다크에서 떨어지는 이유까지 정리했다.
특수문자 입력·복사 완전 가이드: 윈도우·맥 단축키와 기호별 유니코드표
화살표·별표·저작권·통화 기호를 못 찾아 헤매는 이유는 유니코드를 몰라서다. 윈도우 자음+한자키·Alt코드, 맥 옵션키, 그리고 복사해 바로 쓰는 기호별 유니코드표를 한 번에 정리했다.
한글 깨짐 완전 해결: UTF-8·EUC-KR·CP949 인코딩 원인과 복구법
엑셀 CSV에서 '占쏙옙', 웹페이지에서 '가나'처럼 한글이 깨지는 원인을 인코딩 지문으로 역추적하고, 상황별 진단표와 복구 5단계, 개발자 체크리스트까지 정리했습니다.
광고
부가세·할인율·인상률 헷갈리는 퍼센트 계산 총정리 (공식·예시 7가지)
할인가 역산, 부가세 분리, 인상률처럼 실생활에서 자주 틀리는 퍼센트 계산을 공식과 실제 숫자 예시로 정리했습니다. %p와 %의 차이, 중복 할인 함정까지 우선순위로 짚어드립니다.
CSS Flexbox vs Grid, 언제 뭘 쓸까? 상황별 선택 기준 비교
Flexbox는 1차원, Grid는 2차원 레이아웃 도구다. 네비바·카드목록·페이지골격 등 상황별로 뭘 써야 하는지 비교표와 중첩 패턴으로 정리했다.
JWT 토큰 구조 파헤치기: 헤더·페이로드·서명 디코딩 3단계
API 헤더에 보이는 긴 JWT 문자열, 어떻게 읽을까? 점으로 나뉜 세 부분의 구조와 Base64url 디코딩, 서명 검증 원리를 직접 손으로 뜯어보며 3단계로 익힌다.
CSS 단위 px·rem·em·%·vw 차이와 선택 기준 — 2026 반응형 가이드
px·rem·em·%·vw/vh가 각각 무엇을 기준으로 계산되는지 비교표로 정리하고, 1rem=16px 같은 환산 예시와 상황별 추천 단위까지 한 번에 안내합니다.
설치 없이 브라우저로 끝내는 개발자 무료 웹 도구 7선 — 우선순위와 보안 체크리스트
IDE 없이 브라우저 탭 하나로 끝내는 개발자 무료 웹 도구 7가지를 사용 빈도 순으로 정리했습니다. JSON 포맷·정규식·인코딩·타임스탬프 변환과 데이터 전송 보안 체크리스트까지 담았습니다.
CSS box-shadow 레퍼런스: 고도별 그림자 레시피 표와 다중 그림자 실전
box-shadow의 네 가지 길이값을 분해하고, 카드·버튼·모달까지 바로 쓰는 고도별 그림자 레시피 표를 정리했습니다. 다중 그림자·inset·성능 주의점과 다크모드 대응까지 다룹니다.
총 56개 글 · 1/5 페이지
광고