툴박스 가이드
개발자 도구·디자인·생활 계산·텍스트·보안까지 — 일상 도구 가이드
가이드 목록 (총 56편)
이미지 종횡비(Aspect Ratio) 이해하기 - 16:9, 4:3, 1:1 언제 쓰는지
같은 사진이라도 16:9와 1:1로 자르면 전혀 다른 인상이 됩니다. 종횡비가 무엇이고 어떤 상황에 어떤 비율을 써야 자연스러운지, 디자인·사진·영상 실무에서 가장 자주 만나는 비율을 정리했습니다.
QR코드 원리와 안전한 사용법 - 피싱 QR 구별하는 법까지
QR코드는 카메라로 즉시 정보를 읽을 수 있어 결제·로그인·메뉴판 등 어디서나 쓰이지만, 가짜 QR로 피싱당하는 사례도 늘고 있습니다. QR의 작동 원리, 데이터 종류, 피싱 QR 구별 팁을 정리했습니다.
BMI 계산기 사용법·결과 해석 — 체질량지수 측정 가이드
BMI 공식(몸무게÷키²), 한국인 기준 BMI 범위, BMI 한계 5가지, 표준 체중 계산, BMI 외 5가지 추가 지표, 다이어트 활용 흐름까지 정리합니다.
단위 변환의 모든 것 - 미터법·야드법·환산 실수 안 하는 법
미국·영국 자료에는 인치·파운드·갤런이 자주 등장하고, 요리 레시피에는 컵·tsp·온스가 섞여 있습니다. 미터법과 야드법의 차이, 자주 만나는 환산값, 흔한 실수와 도구 활용법을 정리했습니다.
인코딩·디코딩 종류와 차이 - Base64·URL·HTML 엔티티 완벽 정리
같은 인코딩이라는 단어 안에도 Base64, URL 인코딩, HTML 엔티티는 모두 다른 목적과 알고리즘을 갖습니다. 각 인코딩의 원리와 사용처, 자주 만나는 실수 케이스를 정리했습니다.
공백·특수문자가 만드는 보이지 않는 버그 - 제로폭 문자·NBSP 디버깅 가이드
코드와 텍스트에 보이지 않는 문자가 섞이면 문자열 비교가 실패하고 검색이 안 됩니다. 제로폭 문자, 비ASCII 공백, BOM 등 자주 만나는 보이지 않는 문제 케이스와 발견·정리 방법을 정리했습니다.
광고
CSS Box Shadow 마스터하기 - 자연스러운 깊이감 만드는 그림자 가이드
단순히 검은색 그림자를 깔면 카드가 떠 보이지 않고 답답해 보입니다. 그림자가 만들어지는 원리, 4가지 파라미터의 역할, 자연스러운 깊이감을 만드는 다중 레이어 기법을 정리했습니다.
Unix 타임스탬프 이해하기 - epoch 시간·timezone·변환 가이드
1970년 1월 1일부터의 초 수로 시간을 표현하는 Unix 타임스탬프는 거의 모든 백엔드의 시간 표준입니다. epoch의 의미, 초·밀리초·마이크로초 차이, 타임존 처리, 자주 만나는 변환 시나리오를 정리했습니다.
연봉 실수령액 계산법 완벽 가이드 - 4대보험·세금 구조 한눈에
연봉 5천만원이라도 실제 통장에 들어오는 돈은 80% 정도입니다. 4대보험과 소득세가 어떻게 빠지는지, 비과세 항목·연말정산은 어떻게 작동하는지 실수령액 계산 구조를 단계별로 정리했습니다.
안전한 비밀번호 만드는 법 - 엔트로피·패스프레이즈·관리 팁
짧고 흔한 패턴의 비밀번호는 자동화된 공격에 몇 초면 뚫립니다. 엔트로피의 개념, 안전한 비밀번호 길이와 구성, 패스프레이즈의 장점, 비밀번호 관리자 사용법까지 실용적으로 정리했습니다.
camelCase·snake_case·kebab-case - 케이스 컨벤션의 모든 것
코딩에서 자주 만나는 camelCase, snake_case, kebab-case는 단순한 표기 차이가 아니라 언어와 환경의 관습입니다. 각 표기법의 유래와 사용처, 환경별 권장안, 자주 만나는 실수를 정리했습니다.
HEX·RGB·HSL 차이와 색상 선택 팁 - 디자이너·개발자를 위한 색 코드 가이드
같은 색이라도 HEX, RGB, HSL은 다른 정보를 담습니다. 각 표기법의 구조와 강점, 디자인 실무에서 어떤 상황에 어떤 코드를 쓰면 좋은지, 색 선택할 때 자주 하는 실수까지 정리했습니다.
총 56개 글 · 3/5 페이지
광고