AI · 자동화 · 홈페이지 제작 · IT 강의

업무를 자동화하고
수익형 웹 시스템을 만듭니다

코드콕콕은 실무 중심의 IT 강의, AI 사무자동화, 홈페이지 제작, 업무 자동화 외주 상담을 제공하는 기술 블로그입니다.

Code KokKok

배우고, 만들고, 자동화하는 실무형 IT 블로그

AI 사무자동화

엑셀, 문서, PPT, 반복 업무를 자동화합니다.

자세히 보기

홈페이지 제작

회사, 교육원, 상담 사이트를 목적에 맞게 제작합니다.

자세히 보기

IT 실무 강의

HTML, CSS, JavaScript, Python, 자동화 강의를 제공합니다.

강의 보기

최신 글

총 19개의 글

이자계산기
No Image
환율계산기
No Image
CSS 단위 변환기
No Image
대출상환계산기
No Image
퇴직금 계산기
No Image
마진 계산기 (판매순수익 계산)
No Image
글자수 계산기
No Image
컬러 변환기 / 그라데이션 생성기
No Image
Box-Shadow / Border-Radius 생성기 (CSS 시각화 도구)
No Image

이자계산기

이자 계산기 — 예금·적금 만기 수령액 및 대출 상환액 한눈에 확인하기

재테크의 시작은 정확한 계산에서 시작됩니다. 본 계산기는 예적금 만기 이자부터 대출 상환 스케줄까지 한 페이지에서 모두 확인할 수 있도록 설계되었습니다.
복잡한 복리 계산이나 세금(15.4%) 공제, 원리금 균등 상환 등 까다로운 금융 계산을 클릭 몇 번으로 해결해 보세요.

  • 예적금 계산: 목돈 예치(예금) 및 매월 납입(적금) 이자 계산 (단리/복리 선택)
  • 대출 상환 계산: 원리금균등, 원금균등, 만기일시 상환 방식 지원
  • 세금 설정: 일반 과세(15.4%) 적용 및 비과세, 세금우대 등 커스텀 세율 설정
  • 상세 내역 확인: 총 납입원금, 총 이자, 만기 수령액 및 월 상환액 상세 표시
  • 결과 복사: 계산된 결과를 텍스트로 복사하여 기록하거나 공유 가능
이자 계산기
예금/적금 이자와 대출 상환(원리금/원금/만기일시)을 한 페이지에서 계산합니다.
상품 종류
예금/적금 종류를 선택하세요
원금 / 월 납입액
예금: 원금 / 적금: 월 납입액
연이율(%)
예: 3.5
기간(개월)
예: 12
이자 계산 방식
상품마다 적용 방식/일수 계산이 다를 수 있어요
세후 계산
이자소득세 15.4%는 일반 과세 기준
세율(%)
예: 15.4
만기 수령액(예상)
-
-
결과
 
 
대출원금
연이율(%)
예: 5.0
기간(개월)
예: 36
상환 방식
수수료/중도상환/일수계산 등이 달라질 수 있어요
월 납입액(예상)
-
-
결과
 
 
 

금융 상식 가이드

💡 단리 vs 복리

단리: 원금에 대해서만 이자가 붙는 방식입니다.
복리: 원금+이자에 다시 이자가 붙는 방식으로, 기간이 길어질수록 자산 증식 효과가 커집니다.

💡 대출 상환 방식

원리금균등: 매달 원금+이자를 합쳐 같은 금액을 갚습니다.
원금균등: 원금을 매달 똑같이 나누고 이자는 남은 잔액에 부과하여 갈수록 납입액이 줄어듭니다.
만기일시: 기간 중 이자만 내다가 만기에 원금을 한 번에 갚습니다.

자주 묻는 질문 (FAQ)

Q. 이자소득세 15.4%는 어떻게 구성되나요?

이자소득세 14%와 지방소득세 1.4%(이자소득세의 10%)를 합산한 금액입니다. 비과세 상품이나 세금우대 상품을 이용하신다면 '직접 입력' 모드로 세율을 조정해 보세요.

Q. 적금 이자가 생각보다 적게 계산되는 이유는?

적금은 첫 달 납입액만 전체 기간 이자가 붙고, 마지막 달 납입액은 한 달치 이자만 붙습니다. 따라서 5% 적금의 실제 체감 수익률은 예금 환산 시 약 2.5~2.7% 수준이 됩니다.

Q. 대출 상환액이 은행 명세서와 100원 단위로 차이가 납니다.

은행은 보통 '일수 계산' 방식을 사용합니다. 365일(윤년 366일)을 기준으로 대출 실행일부터 상환일까지의 날짜를 계산하므로, 월 단위 단순 계산인 본 도구와 소액의 차이가 발생할 수 있습니다.

이용 시 유의사항
• 본 계산 결과는 입력값을 바탕으로 한 예상 수치이며, 실제 금융기관의 적용 금리, 일수 계산 방식, 우대 조건에 따라 오차가 발생할 수 있습니다.
• 정확한 수령액이나 상환액은 반드시 해당 금융기관의 공식 홈페이지나 명세서를 통해 다시 한번 확인하시기 바랍니다.

'IT_Internet > Utility' 카테고리의 다른 글

급여 계산기  (0) 2026.02.09
일당계산기 (아르바이트 급여계산기, 단기 알바 급여계산기)  (0) 2026.02.09
환율계산기  (0) 2026.02.09
CSS 단위 변환기  (0) 2026.02.09
대출상환계산기  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

환율계산기

환율 계산기

해외여행을 준비하거나 해외 쇼핑, 송금, 달러 투자 금액을 확인할 때 가장 먼저 확인하게 되는 것이 환율입니다. 아래 환율 계산기는 원화를 달러, 엔, 유로로 바꾸거나 반대로 외화를 원화로 환산할 수 있도록 만든 간단한 계산기입니다.

오늘 환율을 자동으로 불러오며, 필요하면 환율 값을 직접 수정해서 계산할 수도 있습니다. 실시간 고시 환율과 실제 환전 수수료는 금융기관마다 다를 수 있으니, 대략적인 금액을 빠르게 확인하는 용도로 활용해 주세요.

사용 방법

  1. 변환할 통화를 USD, JPY, EUR 중에서 선택합니다.
  2. 오늘 환율을 불러오거나 직접 환율을 입력합니다.
  3. 원화 금액을 입력하면 외화 금액이 자동으로 계산됩니다.
  4. 외화 금액을 입력하면 원화 금액이 자동으로 계산됩니다.
  5. 계산 결과가 필요하면 결과 복사 버튼으로 내용을 복사할 수 있습니다.

환율 계산 시 참고할 점

환율은 같은 날이라도 은행, 카드사, 환전 방식, 송금 방식에 따라 적용 금액이 달라질 수 있습니다. 특히 현찰을 살 때와 팔 때, 해외 결제 승인 시점, 카드사 정산 시점에 따라 실제 청구 금액은 계산 결과와 차이가 날 수 있습니다.

일본 엔화는 1엔 기준과 100엔 기준 표기가 함께 사용되므로 입력한 환율 기준을 꼭 확인하는 것이 좋습니다. 계산기에서는 JPY 기준을 선택할 수 있게 해 두었으니, 환율표에 표시된 단위에 맞춰 사용하면 됩니다.

환율 계산기 (원화 ↔ 달러/엔/유로)
오늘 환율을 자동으로 불러옵니다(일 1회 갱신). 필요하면 수동으로도 수정 가능합니다.
통화
변환할 통화를 선택하세요
환율 (KRW per 통화)
예: 1달러 = 1,320원
원화(KRW)
원화를 입력하면 외화가 자동 계산됩니다
외화
외화를 입력하면 원화가 자동 계산됩니다
환율 상태: -
변환 결과
-
-
상세
 
• 본 계산기는 오늘 환율을 자동 로딩(일 1회 갱신)하며, 로딩 실패 시 수동 입력으로도 동작합니다.
• JPY는 1엔/100엔 표기 관행이 있어 기준을 꼭 확인하세요.
 

환율 계산기를 활용하면 좋은 경우

해외여행 경비를 원화로 미리 계산하거나, 해외 직구 결제 금액을 대략 확인할 때 유용합니다. 달러 예금, 엔화 투자, 유로 결제처럼 외화 기준 금액을 원화로 바꿔 보고 싶을 때도 빠르게 비교할 수 있습니다.

다만 실제 환전이나 결제에는 환전 수수료, 카드 해외이용 수수료, 송금 수수료 등이 추가될 수 있습니다. 큰 금액을 환전하거나 송금할 때는 계산 결과와 함께 은행 또는 카드사의 최종 적용 환율을 확인하는 것이 안전합니다.

환율은 매일 움직이기 때문에 같은 금액이라도 날짜에 따라 원화 환산액이 달라질 수 있습니다. 금액을 확정해야 하는 경우에는 결제일이나 송금일 기준 환율을 다시 확인해 주세요.

'IT_Internet > Utility' 카테고리의 다른 글

일당계산기 (아르바이트 급여계산기, 단기 알바 급여계산기)  (0) 2026.02.09
이자계산기  (0) 2026.02.09
CSS 단위 변환기  (0) 2026.02.09
대출상환계산기  (0) 2026.02.09
퇴직금 계산기  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

CSS 단위 변환기

CSS 단위 변환기 (px ↔ rem / em / vh / vw)

웹페이지를 만들다 보면 px, rem, em, vw, vh 같은 CSS 단위를 자주 바꿔 계산해야 합니다. 아래 CSS 단위 변환기는 기준 font-size와 viewport 크기를 입력하면 px를 rem, em, vw, vh로 바꾸거나 반대로 다시 px로 환산할 수 있도록 만든 도구입니다.

디자인 시안의 px 값을 반응형 CSS에 맞게 바꾸거나, rem 기반 스타일 가이드를 만들 때 빠르게 확인할 수 있습니다. 기준값을 바꾸면 결과가 즉시 다시 계산되므로 프로젝트의 기본 폰트 크기나 화면 기준에 맞춰 사용할 수 있습니다.

사용 방법

  1. 기준 font-size를 입력합니다. 일반적으로 브라우저 기본값은 16px입니다.
  2. vw, vh 변환이 필요하면 기준 viewport 너비와 높이를 입력합니다.
  3. px 또는 변환할 단위 값을 입력하면 반대쪽 값이 자동으로 계산됩니다.
  4. 소수점 자리수를 선택해 결과 표시 형식을 조절할 수 있습니다.
  5. 필요한 값은 결과 복사 버튼으로 한 번에 복사할 수 있습니다.

CSS 단위 차이

px는 고정 픽셀 단위라 계산이 직관적입니다. rem은 루트 요소의 font-size를 기준으로 하며, 전체 웹사이트의 글자 크기와 여백 체계를 관리할 때 많이 사용됩니다. em은 현재 요소 또는 부모 요소의 font-size 영향을 받기 때문에 컴포넌트 내부 비율 조정에 유용합니다.

vw는 viewport 너비의 1%, vh는 viewport 높이의 1%를 의미합니다. 화면 크기에 따라 자연스럽게 변하는 영역, 섹션 높이, 반응형 타이포그래피를 만들 때 자주 사용됩니다.

CSS 단위 변환기
px ↔ rem / em / vh / vw · 기준(font-size, viewport)을 바꾸면 즉시 재계산됩니다.
기준 font-size (px)
rem/em 변환 기준 (예: 16px = 1rem)
소수점 자리수
결과 표시 자릿수
Viewport 너비 (px)
vw ↔ px 변환 기준
Viewport 높이 (px)
vh ↔ px 변환 기준
-
px ↔ rem
px
rem
-
px ↔ em
px
em
-
px ↔ vw
px
vw
-
px ↔ vh
px
vh
-
• rem/em: 기준 font-size(px)를 바꾸면 결과가 달라집니다.
• vw/vh: viewport(가로/세로 px)를 바꾸면 결과가 달라집니다.
 

실무에서 자주 쓰는 변환 예시

기본 font-size가 16px이라면 24px은 1.5rem, 32px은 2rem으로 변환됩니다. 이처럼 rem 단위를 사용하면 전체 글자 크기 기준이 바뀌어도 비율을 유지하기 쉬워집니다.

예를 들어 1920px 기준 화면에서 320px 너비는 약 16.67vw입니다. 반대로 100vh는 현재 viewport 높이 전체를 의미하므로 첫 화면을 꽉 채우는 섹션을 만들 때 자주 사용합니다.

단, vw와 vh는 화면 크기에 직접 영향을 받기 때문에 모바일에서 너무 작거나 커지지 않도록 min, max, clamp 같은 CSS 함수와 함께 사용하는 것이 좋습니다. rem과 em도 기준 font-size에 따라 결과가 달라지므로 프로젝트의 기본 CSS 설정을 먼저 확인한 뒤 변환해 주세요.

 

'IT_Internet > Utility' 카테고리의 다른 글

이자계산기  (0) 2026.02.09
환율계산기  (0) 2026.02.09
대출상환계산기  (0) 2026.02.09
퇴직금 계산기  (0) 2026.02.09
마진 계산기 (판매순수익 계산)  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

대출상환계산기

대출 상환 계산기

대출을 받을 때 가장 궁금한 것은 매달 얼마를 내야 하는지, 전체 기간 동안 이자가 얼마나 나오는지입니다. 아래 대출 상환 계산기는 대출금, 연이율, 상환 기간을 입력하면 월 납입액과 총 이자, 회차별 상환 스케줄을 한 번에 확인할 수 있도록 만든 계산기입니다.

원리금균등, 원금균등, 만기일시상환 방식을 선택할 수 있으며, 중간에 추가로 원금을 갚는 경우까지 입력할 수 있습니다. 주택담보대출, 전세자금대출, 신용대출, 자동차 할부처럼 매월 상환액을 미리 비교해야 할 때 참고용으로 활용해 보세요.

사용 방법

  1. 상환 방식을 원리금균등, 원금균등, 만기일시 중에서 선택합니다.
  2. 대출금 원금과 연이율을 입력합니다.
  3. 상환 기간을 년/개월 단위로 입력합니다.
  4. 중도에 추가 상환할 금액이 있다면 월 추가상환 또는 1회 추가상환 금액을 입력합니다.
  5. 계산하기를 누르면 대표 월 납입액, 총 이자, 총 상환액과 회차별 스케줄이 표시됩니다.

상환 방식 차이

원리금균등상환은 매달 내는 금액이 비슷해 자금 계획을 세우기 쉽습니다. 원금균등상환은 초반 납입액이 크지만 시간이 지날수록 이자가 줄어 총 이자 부담을 낮추는 데 유리할 수 있습니다. 만기일시상환은 매월 이자만 내다가 만기에 원금을 한 번에 갚는 방식이라 만기 상환 자금 계획이 특히 중요합니다.

계산 전 참고사항

이 계산기는 입력한 조건을 기준으로 단순 계산한 참고용 결과입니다. 실제 금융기관의 상환액은 이자 계산 기준일, 원 단위 절사, 거치기간, 우대금리, 중도상환수수료, 대출 실행일 등에 따라 달라질 수 있습니다. 정확한 약정 금액은 반드시 금융기관의 대출 약정서나 공식 안내를 함께 확인해 주세요.

대출 상환 계산기 (원리금·원금·만기일시)
대출금/금리/기간을 입력하면 월 납입액, 총이자, 상환 스케줄을 계산합니다. (참고용)
상환 방식
원리금균등: 매월 같은 금액 · 원금균등: 원금이 매월 동일 · 만기일시: 이자만 내다가 만기에 원금 상환
대출금(원금)
연이율
%
기간
개월
예: 2년 6개월 = 2 / 6
추가 상환(선택)
원/월
원(1회)
추가 상환은 원금에서 먼저 차감(이자 절감). 1회 상환은 “1회 상환 시점”에 적용됩니다.
1회 상환 시점(선택)
회차
예: 6 입력 → 6회차 납부 시 원금에 추가 상환 적용
대표 월 납입액
-
-
총 이자
-
기간 전체 합계
총 상환액
-
원금 + 이자
상환 스케줄
회차 납입액 이자 원금 추가상환 잔액
 
 

대출 상환액을 볼 때 체크할 부분

월 납입액만 보면 부담이 작아 보일 수 있지만, 대출 기간이 길어질수록 총 이자는 커질 수 있습니다. 반대로 월 납입액을 너무 크게 잡으면 생활비나 비상금 운용이 어려워질 수 있으니 월 고정지출과 함께 비교하는 것이 좋습니다.

추가 상환을 계획하고 있다면 총 이자가 얼마나 줄어드는지 계산해 보고, 중도상환수수료가 있는지도 함께 확인해 보세요. 특히 주택담보대출처럼 금액이 큰 대출은 0.1%의 금리 차이도 장기간 누적되면 차이가 커질 수 있습니다.

계산 결과는 대출 조건을 비교하거나 상환 계획을 세우는 기초 자료로 활용하고, 실제 실행 전에는 금융기관 상담과 약정 내용을 기준으로 최종 확인하는 것이 안전합니다.

'IT_Internet > Utility' 카테고리의 다른 글

환율계산기  (0) 2026.02.09
CSS 단위 변환기  (0) 2026.02.09
퇴직금 계산기  (0) 2026.02.09
마진 계산기 (판매순수익 계산)  (0) 2026.02.09
글자수 계산기  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

퇴직금 계산기

 

퇴직금 계산기

퇴사를 앞두고 있다면 내가 받을 수 있는 퇴직금이 어느 정도인지 미리 확인해 보는 것이 좋습니다. 아래 퇴직금 계산기는 입사일, 퇴사일, 월급 또는 최근 3개월 임금을 기준으로 예상 퇴직금과 평균임금, 간편 추정 세금 및 실수령액을 계산할 수 있도록 만든 도구입니다.

퇴직금은 일반적으로 계속근로기간 1년에 대해 30일분 이상의 평균임금을 기준으로 산정합니다. 평균임금은 퇴직 전 3개월 동안 지급된 임금 총액을 그 기간의 총일수로 나누어 계산하므로, 월급뿐 아니라 상여금이나 연차수당 등 포함 여부도 함께 확인하는 것이 중요합니다.

사용 방법

  1. 입사일과 퇴사일을 입력합니다.
  2. 간편 계산은 월급, 고정수당, 연간 상여금, 연차수당 등을 입력합니다.
  3. 정확 계산은 퇴직 전 최근 3개월 총 임금과 총 일수를 입력합니다.
  4. 퇴직소득세 간편 추정 표시 여부를 선택합니다.
  5. 계산하기를 누르면 근속기간, 1일 평균임금, 세전 퇴직금, 추정 실수령액을 확인할 수 있습니다.

퇴직금 계산 공식

기본 공식은 1일 평균임금 × 30일 × (재직일수 ÷ 365)입니다. 예를 들어 1일 평균임금이 10만 원이고 재직기간이 3년이라면, 대략 10만 원 × 30일 × 3년으로 계산할 수 있습니다.

다만 실제 퇴직금은 회사의 임금 구성, 퇴직연금 가입 방식, 평균임금 산정 기간, 통상임금과의 비교, 개인별 세액에 따라 달라질 수 있습니다. 이 계산기는 예상 금액을 빠르게 확인하는 참고용으로 사용해 주세요.

퇴직금 계산기 (평균임금 · 퇴직금 · 퇴직소득세)
평균임금(최근 3개월) 기준으로 퇴직금을 계산하고, 퇴직소득세는 간편 추정치로 보여줍니다. (참고용)
시행 퇴직금은 : 1년 이상 + 주 15시간 이상 근무 필수 (2026년 기준)
입력 방식
간편: 월급(세전) + (선택) 고정수당/상여 반영 · 정확: 최근 3개월 총임금/총일수로 평균임금 계산
입사일
📅
퇴사일
📅
월급(세전)
고정수당(월)
연간 상여(선택)
원/년
연차수당 등(선택)
원/년
• 간편 평균임금 근사: (월급+고정수당) ÷ 30 × 1일 평균임금
• 상여/연차수당은 1년치의 3/12(=3개월분)만 반영하는 방식으로 근사합니다.
최근 3개월 총 임금
최근 3개월 총 일수
• 평균임금(1일) = 최근 3개월 총임금 ÷ 최근 3개월 총일수
• 보통 3개월은 90일 내외지만, 실제 급여기간/입·퇴사 시점에 따라 달라질 수 있어요.
세금 표시
세금은 개인별 공제/근속연수/퇴직소득공제 등으로 달라질 수 있어요. 이 값은 참고용 추정치입니다.
근속기간
-
-
평균임금(1일)
-
퇴직금 산정 기준
퇴직금(세전)
-
평균임금×30×근속연수
추정 공제 및 실수령(참고)
 
 
 

퇴직금 계산 전 확인할 내용

퇴직금은 근로기간이 1년 이상이고 일정한 근로 요건을 충족한 경우에 문제가 되는 경우가 많습니다. 입사일과 퇴사일, 실제 계속근로기간, 주 소정근로시간, 임금 항목을 먼저 확인하면 계산 결과를 더 정확하게 볼 수 있습니다.

상여금, 연차수당, 고정수당처럼 평균임금에 영향을 줄 수 있는 항목은 회사 급여명세서와 취업규칙, 근로계약서 기준으로 확인하는 것이 좋습니다. 퇴직소득세는 근속연수와 개인별 공제에 따라 달라지므로, 계산기에 표시되는 세금은 대략적인 참고값으로만 봐 주세요.

퇴직금은 원칙적으로 퇴직 후 정해진 기한 안에 지급되어야 하며, 특별한 사정이 있으면 당사자 합의로 지급기일을 조정할 수 있습니다. 실제 분쟁이나 미지급 문제가 있다면 고용노동부 안내 또는 전문가 상담을 함께 확인하는 것이 안전합니다.

'IT_Internet > Utility' 카테고리의 다른 글

CSS 단위 변환기  (0) 2026.02.09
대출상환계산기  (0) 2026.02.09
마진 계산기 (판매순수익 계산)  (0) 2026.02.09
글자수 계산기  (0) 2026.02.09
컬러 변환기 / 그라데이션 생성기  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

마진 계산기 (판매순수익 계산)

마진 계산기

상품을 판매할 때 판매가와 원가만 보고 수익을 판단하면 실제 남는 금액을 놓치기 쉽습니다. 아래 마진 계산기는 판매가, 매입가, 배송비, 플랫폼 수수료, 결제 수수료, 광고비, 기타 비용을 입력해 순이익과 마진율을 계산할 수 있도록 만든 도구입니다.

쿠팡, 스마트스토어, 오픈마켓, 자사몰처럼 판매 채널마다 수수료 구조가 다르기 때문에 상품 등록 전 예상 수익을 먼저 계산해 보는 것이 좋습니다. 특히 광고비와 배송비를 함께 반영하면 실제 판매 후 남는 금액을 더 현실적으로 확인할 수 있습니다.

사용 방법

  1. 상품 판매가와 원가 또는 매입가를 입력합니다.
  2. 고객이 부담하는 배송비와 판매자가 부담하는 배송비를 각각 입력합니다.
  3. 플랫폼 수수료율, 고정 수수료, PG 수수료율을 입력합니다.
  4. 광고비가 있다면 고정 광고비 또는 매출 대비 광고비율을 입력합니다.
  5. 계산하기를 누르면 매출, 총비용, 순이익, 마진율과 상세 내역을 확인할 수 있습니다.

마진율 계산 공식

이 계산기에서 마진율은 순이익 ÷ 총매출 × 100으로 계산합니다. 총매출은 판매가와 고객 배송비를 합산한 금액이며, 총비용에는 원가, 판매자 부담 배송비, 플랫폼 수수료, 결제 수수료, 광고비, 기타 비용이 포함됩니다.

예상 마진율이 높아 보여도 광고비가 늘거나 반품, 교환, 포장비, 할인쿠폰 비용이 추가되면 실제 수익은 줄어들 수 있습니다. 상품 가격을 정할 때는 최소 목표 마진율과 손익분기점을 함께 확인하는 것이 안전합니다.

마진 계산기 (판매가 · 원가 · 수수료 · 광고비)
판매가/원가를 넣으면 마진(원), 마진율, 순이익을 계산합니다. 쿠팡·스마트스토어·자사몰 등 어디든 참고용으로 쓰기 좋아요.
판매가
원가(매입가)
배송비
원(고객)
원(내부담)
고객배송비는 매출에 더해지고, 내부담 배송비는 비용으로 빠집니다.
플랫폼 수수료
% (율)
원(고정)
수수료율은 (판매가 + 고객배송비) 기준으로 계산합니다.
결제/PG 수수료
%
광고비
원(고정)
% (매출대비)
매출대비 광고비율은 (판매가 + 고객배송비) 기준입니다.
기타 비용
매출(총)
-
(판매가 + 고객배송비)
순이익
-
-
마진율
-
순이익 ÷ 매출
상세 내역
 
 
 

마진 계산 시 꼭 확인할 비용

온라인 판매에서는 플랫폼 수수료와 결제 수수료 외에도 포장비, 사은품, 보관비, 반품 배송비, 할인쿠폰 부담액 같은 비용이 생길 수 있습니다. 처음에는 작은 금액처럼 보여도 판매 수량이 늘어나면 전체 수익에 큰 영향을 줄 수 있습니다.

광고를 집행하는 상품이라면 광고비를 반드시 포함해서 계산하는 것이 좋습니다. 매출은 늘었지만 광고비가 과도하게 높으면 순이익이 줄거나 적자가 될 수 있기 때문입니다.

상품 가격을 정할 때는 경쟁 상품 가격만 보는 것보다, 내가 원하는 최소 순이익과 마진율을 먼저 정해두는 방식이 도움이 됩니다. 계산 결과는 판매가 조정, 할인 행사, 무료배송 정책, 광고 예산을 결정할 때 참고 자료로 활용해 보세요.

'IT_Internet > Utility' 카테고리의 다른 글

대출상환계산기  (0) 2026.02.09
퇴직금 계산기  (0) 2026.02.09
글자수 계산기  (0) 2026.02.09
컬러 변환기 / 그라데이션 생성기  (0) 2026.02.09
Box-Shadow / Border-Radius 생성기 (CSS 시각화 도구)  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

글자수 계산기

글자수 계산기

자기소개서, 이력서, 블로그 글, 과제, 광고 문구를 작성하다 보면 정해진 글자수 안에 맞춰야 할 때가 많습니다. 아래 글자수 계산기는 입력한 텍스트의 글자수, 공백 제외 글자수, UTF-8 바이트, 단어수, 줄 수를 즉시 확인할 수 있도록 만든 도구입니다.

텍스트를 붙여넣기만 하면 자동으로 계산되므로 별도의 프로그램 없이 빠르게 확인할 수 있습니다. 공백 포함 기준과 공백 제외 기준을 함께 보여주기 때문에 제출처에서 요구하는 기준에 맞춰 글을 다듬기 좋습니다.

사용 방법

  1. 입력창에 글을 직접 입력하거나 작성한 문장을 붙여넣습니다.
  2. 글자수, 공백 제외 글자수, 바이트, 단어수가 자동으로 계산됩니다.
  3. 줄 수, 줄바꿈 개수, 숫자, 영문, 한글 개수도 추가 정보에서 확인합니다.
  4. 내용을 다시 입력하고 싶으면 비우기 버튼을 누릅니다.
  5. 결과를 저장하거나 공유하려면 요약 복사 버튼을 사용합니다.

공백 포함과 공백 제외 차이

공백 포함 글자수는 띄어쓰기, 줄바꿈, 탭까지 글자수에 포함해 계산합니다. 공백 제외 글자수는 띄어쓰기와 줄바꿈 같은 여백 문자를 제외하고 실제 문자만 계산합니다.

자기소개서나 지원서마다 요구하는 기준이 다를 수 있으므로, 제출 안내에 적힌 공백 포함 또는 공백 제외 기준을 꼭 확인한 뒤 작성하는 것이 좋습니다.

글자수 계산기 (공백포함/제외 · 바이트 · 단어)
입력하면 즉시 글자수, 공백 제외, 바이트(UTF-8), 단어수를 계산합니다.
텍스트 입력
엔터/탭 포함, 이모지 포함 가능 · 바이트는 UTF-8 기준(참고용)
결과
글자수(공백 포함)
0
글자수(공백 제외)
0
바이트(UTF-8)
0
단어수
0
추가 정보
 
 

바이트 계산이 필요한 경우

일부 시스템은 글자수가 아니라 바이트 기준으로 입력 제한을 두기도 합니다. 한글, 영문, 숫자, 특수문자, 이모지는 각각 차지하는 바이트가 다를 수 있으므로 단순 글자수와 바이트 수가 항상 같지는 않습니다.

이 계산기는 UTF-8 기준 바이트를 함께 보여주므로 웹 입력폼, 데이터베이스 저장 길이, SMS 문구 작성처럼 바이트 확인이 필요한 상황에서 참고할 수 있습니다. 다만 실제 서비스마다 인코딩 방식이나 제한 기준이 다를 수 있으니 최종 제출 전에는 해당 사이트의 안내를 함께 확인해 주세요.

블로그 제목, 메타 설명, 검색 노출용 문구를 작성할 때도 글자수를 확인하면 지나치게 긴 문장을 줄이는 데 도움이 됩니다. 핵심 단어를 남기고 불필요한 수식어를 줄이면 더 읽기 쉬운 문장을 만들 수 있습니다.

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

컬러 변환기 / 그라데이션 생성기

컬러 변환기 / 그라데이션 생성기

웹디자인이나 퍼블리싱 작업을 하다 보면 HEX, RGB, HSL 같은 색상 코드를 서로 변환해야 할 때가 많습니다. 아래 컬러 변환기는 색상 값을 입력하면 HEX, RGB, RGBA, HSL, HSLA, CSS 변수 형식으로 바로 바꿔주고, 색상 대비와 그라데이션 코드까지 확인할 수 있도록 만든 도구입니다.

디자인 시안에서 받은 컬러를 CSS 코드로 바꾸거나, 투명도를 적용한 색상 값을 만들 때 빠르게 사용할 수 있습니다. 그라데이션 생성 기능을 함께 제공하므로 버튼, 배경, 카드 UI 등에 사용할 CSS 코드를 간단히 만들 수 있습니다.

사용 방법

  1. HEX, RGB, HSL 형식의 색상 값을 입력하거나 컬러 피커에서 색상을 선택합니다.
  2. 투명도 슬라이더를 조절하면 RGBA, HSLA, HEX Alpha 값이 함께 바뀝니다.
  3. 필요한 색상 코드 옆의 복사 버튼을 눌러 CSS에 붙여넣습니다.
  4. 그라데이션 유형, 각도, 색상, 위치 값을 조정해 원하는 배경을 만듭니다.
  5. CSS 코드 영역에서 완성된 그라데이션 코드를 복사해 사용합니다.

색상 코드 차이

HEX는 웹에서 가장 많이 쓰이는 16진수 색상 표기 방식입니다. RGB는 빨강, 초록, 파랑 값을 숫자로 표현하며, RGBA는 여기에 투명도 값을 추가한 형식입니다. HSL은 색상, 채도, 밝기를 기준으로 표현하기 때문에 색을 조금 더 밝게 하거나 채도를 조절할 때 직관적으로 사용할 수 있습니다.

컬러 변환기 · 그라데이션 생성기

HEX/RGB/HSL 변환 · Alpha(투명도) · 대비비율 · CSS 코드/변수 · 선형/원형 그라데이션 생성
컬러 입력
색상
HEX(#RRGGBB/#RRGGBBAA), RGB, HSL 모두 입력 가능
컬러 피커
#5B4BFF
투명도
100%
RGBA/HSLA, #RRGGBBAA 반영
 
변환 결과
HEX
#5B4BFF
HEX (Alpha)
#5B4BFFFF
RGB
rgb(91, 75, 255)
RGBA
rgba(91, 75, 255, 1)
HSL
hsl(248, 100%, 65%)
HSLA
hsla(248, 100%, 65%, 1)
CSS 변수
--kk-color: #5B4BFF;
대비(가독성)
흰색(#fff)
-
검정(#000)
-
WCAG 대비비율(예: 4.5 이상 권장)
그라데이션 생성
Preview linear
유형
각도
135°
색상 1
%
위치(Stop)
색상 2
%
위치(Stop)
3번째 색
%
반복
반복은 패턴형 그라데이션
CSS 코드
 

컬러 변환기를 활용하면 좋은 경우

디자인 툴에서 받은 HEX 색상을 CSS의 rgba 값으로 바꾸거나, 기존 RGB 색상을 HSL로 변환해 밝기와 채도를 조절할 때 유용합니다. CSS 변수를 함께 복사할 수 있어 디자인 시스템이나 공통 스타일 파일에 색상을 정리할 때도 편합니다.

대비비율은 텍스트 가독성을 확인할 때 참고할 수 있습니다. 배경색 위에 흰색 또는 검정 텍스트를 올렸을 때 어느 쪽이 더 읽기 좋은지 확인하면 버튼, 배너, 카드 UI를 만들 때 도움이 됩니다.

그라데이션은 색상 조합과 각도에 따라 분위기가 크게 달라집니다. 너무 강한 색 조합은 텍스트 가독성을 떨어뜨릴 수 있으므로, 실제 적용 전에는 배경 위에 들어갈 글자와 버튼까지 함께 확인하는 것이 좋습니다.

 

'IT_Internet > Utility' 카테고리의 다른 글

대출상환계산기  (0) 2026.02.09
퇴직금 계산기  (0) 2026.02.09
마진 계산기 (판매순수익 계산)  (0) 2026.02.09
글자수 계산기  (0) 2026.02.09
Box-Shadow / Border-Radius 생성기 (CSS 시각화 도구)  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기

Box-Shadow / Border-Radius 생성기 (CSS 시각화 도구)

Box-Shadow / Border-Radius 생성기 (CSS 시각화 도구)

CSS를 직접 타이핑하지 않아도 슬라이더 하나로 그림자와 둥근 모서리를 실시간으로 설계할 수 있는 웹 도구입니다.

값을 조절하는 즉시 미리보기가 반영되고, 완성된 CSS 코드를 한 번에 복사할 수 있어 실무에 바로 활용할 수 있습니다.

Box-Shadow · Border-Radius 생성기

 

값 조절하면 즉시 미리보기와 CSS 코드가 만들어집니다. (복사/랜덤/초기화 포함)
Box-shadow
X / Y
0px
16px
Blur / Spread
30px
0px
색상 / 투명도
18%
알파값은 RGBA로 반영됩니다.
Inset
안쪽 그림자
 
Border-radius
모드
통합: 한 값으로 4개 모두 적용 / 개별: 모서리별로 따로
Radius
18px
미리보기 배경
박스 배경색
미리보기
Preview Box
shadow / radius 미리보기
CSS 코드
아래 코드를 그대로 복사해서 사용하세요.
 

주요 기능

그림자 (Box-shadow) 세부 조절

X·Y 오프셋으로 그림자 방향을 잡고, Blur로 번짐 정도, Spread로 확산 범위를 조절합니다. 색상 피커와 투명도(Alpha) 슬라이더로 색과 강도를 세밀하게 설정하고, Inset 옵션으로 바깥 그림자와 안쪽 그림자를 전환할 수 있습니다.

테두리 둥글기 (Border-radius) 세부 조절

통합 모드에서는 슬라이더 하나로 4개 모서리를 동시에 조절하고, 개별 모드에서는 TL·TR·BR·BL 각 모서리를 따로 지정할 수 있습니다.

편의 기능 3가지

  • 랜덤 — 무작위 디자인을 즉시 제안해 줍니다. 아이디어가 막힐 때 유용합니다.
  • 초기화 — 모든 값을 기본값으로 되돌립니다.
  • 복사 — 생성된 CSS 코드를 클립보드에 한 번에 복사합니다.

기술적 특징

  • HTML · CSS · JavaScript 한 파일로 구성된 단독 실행 구조입니다.
  • jQuery 등 외부 라이브러리 없이 순수 Vanilla JS로 동작해 가볍고 의존성이 없습니다.
  • @media 쿼리가 적용되어 모바일에서도 레이아웃이 정상 동작합니다.

상황별 실무 활용 예시

상황 활용 방법
카드 UI 그림자를 빠르게 잡고 싶을 때 슬라이더로 조절 → 복사 → 바로 적용
모서리 둥글기를 수치로 가늠하기 어려울 때 미리보기 보며 감각으로 결정
여러 디자인 시안을 비교할 때 랜덤 버튼으로 빠르게 후보 탐색

CSS box-shadow는 값이 5~6개가 한 줄에 들어가다 보니 직접 작성하면 실수가 잦습니다. 이 도구를 사용하면 눈으로 확인하면서 정확한 코드를 얻을 수 있어 작업 속도가 크게 빨라집니다.

'IT_Internet > Utility' 카테고리의 다른 글

대출상환계산기  (0) 2026.02.09
퇴직금 계산기  (0) 2026.02.09
마진 계산기 (판매순수익 계산)  (0) 2026.02.09
글자수 계산기  (0) 2026.02.09
컬러 변환기 / 그라데이션 생성기  (0) 2026.02.09

업무 자동화나 홈페이지 제작이 필요하신가요?

AI 자동화, 엑셀/문서 자동화, 홈페이지 제작, IT 강의 상담을 도와드립니다.

상담 신청하기