Kitfolio
블로그KOEN

블로그

도구를 더 잘 쓰기 위한 이야기 · 계산·지표·CSS·업무 팁

광고 성과 지표를 나타낸 대표 이미지

광고 지표 한 번에 이해하기 | 캠페인 하나를 숫자로 끝까지 따라가기

ROAS·CPA·CPC·CPM·CTR을 각각 설명하는 대신, 실제 캠페인 하나의 노출부터 매출까지를 숫자로 따라가며 다섯 지표가 어디서 나오고 어느 지표가 문제를 가리키는지 정리했습니다.

마케팅광고지표
성장률 계산 개념을 나타낸 대표 이미지

성장률 완전정리 | 보고서에서 성장률을 잘못 읽는 다섯 가지 방식

성장률·증감률·MoM·YoY·QoQ·WoW가 사실 하나의 계산인 이유를 실제 숫자로 확인하고, 퍼센트가 비대칭인 함정·퍼센트포인트 혼동·작은 모수 문제 등 보고서에서 자주 나오는 오독을 정리했습니다.

성장률지표데이터
연봉 실수령액 계산 개념을 나타낸 대표 이미지

연봉 실수령액은 어떻게 계산될까 | 2026년 4대보험·세금 기준

세전 연봉과 통장에 들어오는 금액이 다른 이유를 2026년 4대보험 요율과 근로소득세 구조로 실제 숫자와 함께 뜯어보고, 비과세·부양가족·원천징수 비율이 실수령액을 얼마나 바꾸는지 정리했습니다.

급여세금직장인
CSS 길이 단위 비교를 나타낸 대표 이미지

px, rem, em, %, vw | CSS 단위 언제 무엇을 써야 할까

CSS의 절대 단위와 상대 단위가 각각 무엇을 기준으로 하는지, 접근성과 반응형에 어떤 영향을 주는지, 그리고 상황별로 어떤 단위를 선택해야 하는지 정리했습니다.

CSS프론트엔드디자인
복리 성장 곡선을 나타낸 대표 이미지

복리의 힘 | 복리 성장과 미래값 예측 이해하기

단리와 복리의 차이, 복리 성장과 미래값 예측이 사실 같은 계산인 이유, 그리고 성장률·기간이 결과를 어떻게 극적으로 바꾸는지 예시로 정리했습니다.

성장복리예측
JSON 데이터 구조를 나타낸 대표 이미지

JSON 문법 오류 다섯 가지 | 파일 하나 고쳤는데 안 될 때 보는 글

JSON을 처음 손대는 사람이 실제로 겪는 다섯 가지 문법 오류를 실제 오류 메시지와 함께 짚고, 오류 위치를 읽는 법과 고치는 순서를 정리했습니다. 개발자가 아니어도 따라올 수 있습니다.

개발데이터JSON
QR 코드의 구조를 나타낸 대표 이미지

QR 코드의 원리와 안전하게 만드는 법

QR 코드가 어떻게 정보를 담는지, 정적 코드와 동적 코드의 차이, 디자인과 인식률의 균형, 그리고 인쇄 전 반드시 확인해야 할 것들을 정리했습니다.

유틸리티QR디자인
PDF 편집 작업을 나타낸 대표 이미지

PDF 병합·분할·회전·삭제 | 브라우저에서 안전하게 처리하기

업무에서 자주 필요한 PDF 편집 작업(병합·분할·회전·페이지 삭제)이 각각 언제 필요한지, 그리고 민감한 문서를 서버에 올리지 않고 브라우저에서 처리하는 것이 왜 안전한지 정리했습니다.

문서PDF업무
글자 수 세기 개념을 나타낸 대표 이미지

글자 수 제한 | 같은 글이 어떤 곳에선 통과하고 어떤 곳에선 막히는 이유

자기소개서 500자 제한을 넘겼다는 메시지를 받았는데 세어 보면 490자인 상황이 생기는 이유를 공백·이모지·줄바꿈 계산 방식으로 설명하고, 플랫폼별 제한과 분량을 맞추는 순서를 정리했습니다.

글쓰기SNS취업