F

feelgate

 > 개발/디자인 코드 변환기

웹 유틸리티 도구

개발자와 디자이너를 위한 각종 인코더·디코더·변환기·생성기 모음입니다. 실제 현업에서 자주 쓰는 기능을 가볍고 빠르게 제공합니다. 각 도구 페이지에 개념/활용/FAQ 설명을 추가해 검색 노출과 이해도를 함께 높였습니다.

인코더 / 디코더

Base64 인코더/디코더

텍스트와 Base64를 상호 변환합니다.

URL 인코더/디코더

URL 문자열을 안전하게 인코딩/디코딩합니다.

HTML 엔티티 변환기

HTML 특수문자를 엔티티 코드로 변환합니다.

모스 부호 변환기

텍스트와 모스 부호를 상호 변환합니다.

Punycode 변환기

한글 도메인 등 국제화 도메인을 변환합니다.

JWT 디코더

JWT 토큰의 헤더와 페이로드를 확인합니다.

변환기 & 생성기

진법 변환기

2/8/10/16진수를 상호 변환합니다.

포맷 변환기

JSON과 YAML 데이터 형식을 변환합니다.

색상 변환기

RGB, HEX, HSL 색상 코드를 변환합니다.

CSS 단위 변환기

PX, EM, REM 단위를 상호 변환합니다.

Hash 생성기

MD5, SHA-256 등 해시값을 생성합니다.

UUID 생성기

고유 식별자 UUID v4를 생성하고 검증합니다.

글자수 세기

글자수, 단어수, 바이트 등을 계산합니다.

랜덤 비밀번호 생성기

보안 수준이 높은 비밀번호를 생성합니다.

이모지 ↔ 코드

이모지를 유니코드, HTML 코드로 변환합니다.

Base64 인코더 / 디코더

Base64는 바이너리 데이터를 텍스트로 안전하게 전달하기 위한 인코딩 방식입니다. 이미지 데이터 URI, HTTP 헤더, 이메일 MIME 등에서 널리 쓰입니다. 아래 입력창에 텍스트나 Base64 문자열을 넣고 인코딩/디코딩을 바로 실행하세요.
  • 일반 텍스트 → 이미지 data: URI 제작에 활용
  • 한글/이모지 포함 문자열도 UTF-8로 안정 변환
  • atob/btoa 브라우저 API와 동일 동작
자주 묻는 질문
Q. Base64가 URL 인코딩과 다른 점은?
A. URL 인코딩은 예약 문자를 퍼센트(%)로 이스케이프하고, Base64는 바이너리를 64글자 테이블로 바꿉니다.
Q. 패딩(=) 문자는 왜 붙나요?
A. 원본 바이트 길이를 3의 배수로 맞추기 위해 패딩을 사용합니다.

URL 인코더 / 디코더

URL 인코딩은 공백, 한글, 예약 문자 등을 안전하게 전송하도록 %XX 형태로 변환합니다. 쿼리스트링 작성, 리다이렉트 파라미터 처리에 유용합니다.
  • 한글/공백/특수문자 자동 이스케이프
  • encodeURIComponent / decodeURIComponent와 호환
  • 복사 버튼으로 즉시 결과 활용
자주 묻는 질문
Q. encodeURI와 encodeURIComponent 차이는?
A. encodeURI는 전체 URL에, encodeURIComponent는 개별 파라미터 값에 쓰는 것이 일반적입니다.

HTML 엔티티 변환기

HTML 엔티티 변환기는 <, >, & 같은 특수문자가 마크업으로 해석되지 않도록 안전하게 이스케이프합니다. 코드 샘플이나 사용자 입력을 출력할 때 필수입니다.
  • XSS 방지에 도움되는 기본 이스케이프 제공
  • 양방향(문자→엔티티, 엔티티→문자) 변환
  • 복사/초기화로 빠른 워크플로우
자주 묻는 질문
Q. 모든 XSS를 막을 수 있나요?
A. 기본 이스케이프는 큰 도움을 주지만, CSP, 입력 검증 등 추가 보안도 함께 고려하세요.

모스 부호 변환기

모스 부호는 점(.)과 대시(-)로 문자·숫자를 표현하는 통신 규약입니다. 텍스트를 모스 부호로, 모스 부호를 텍스트로 간편 변환해보세요.
  • 영문 알파벳/숫자/기호 지원
  • 단어 간 구분은 슬래시(/) 사용
  • 학습·퍼즐·교육용으로 활용

Punycode 변환기 (국제화 도메인)

국제화 도메인(IDN)을 ASCII 호환형으로 바꾸는 방식이 Punycode입니다. 한글 도메인을 xn-- 형식으로 변환하거나 반대로 해석합니다.
  • 여러 줄 입력으로 도메인 일괄 변환
  • 브라우저 URL 파서 기반 처리
  • 도메인 등록/검증 작업에 활용
자주 묻는 질문
Q. 서브도메인도 변환되나요?
A. 입력한 호스트 전체를 변환하므로, 서브도메인도 함께 처리됩니다.
Punycode란? 한글, 중국어 등 비ASCII 문자로 된 도메인을 ASCII 호환 형태로 변환하는 인코딩 방식입니다.

JWT 디코더

JWT(JSON Web Token) 디코더로 헤더·페이로드를 즉시 확인하세요. 토큰 내용 점검, 만료 시간 확인, 디버깅에 유용합니다.
  • Base64URL 디코딩 후 JSON 포맷팅
  • 서명 검증은 수행하지 않음(안전한 환경에서 별도 검증 권장)
  • 입력과 동시에 자동 파싱
자주 묻는 질문
Q. 비밀키 없이 검증 가능한가요?
A. 페이로드 읽기는 가능하지만, 위·변조 여부 확인은 서명 검증이 필요합니다.

진법 변환기

2/8/10/16진수 간 변환을 한 번에. 개발·임베디드·알고리즘 문제 풀이 등 다양한 상황에서 활용하세요.
  • 양방향 진법 변환
  • 입력/출력 진법 선택 즉시 반영
  • 잘못된 입력은 에러 메시지 안내

이모지 ↔ 텍스트 코드 변환기

이모지를 유니코드 코드포인트, HTML 엔티티 등으로 바꿔서 시스템 간 호환성을 높입니다. 반대로 코드에서 이모지를 복원할 수도 있습니다.
  • 멀티바이트 문자 안전 처리
  • 복사 버튼 제공
  • SNS/웹페이지 호환 문제 해결

포맷 변환기 (JSON ↔ YAML)

JSON ↔ YAML 상호 변환기. 설정 파일 포맷 변환, 샘플 데이터 공유, 문서화에 활용하세요.
  • js-yaml 라이브러리 사용
  • 구문 오류 시 친절한 메시지
  • 복사/초기화 버튼 제공

색상 변환기 (RGB ↔ HEX ↔ HSL)

RGB, HEX, HSL을 손쉽게 바꾸고 컬러 피커로 시각적으로 확인하세요. 디자인 협업·스타일가이드 작성에 유용합니다.
  • 컬러 피커 + 수치 입력 동기화
  • 미리보기 박스로 즉시 확인
  • 각 포맷별 복사 버튼 제공
°
%
%

PX ↔ EM 변환기

반응형 디자인에서 글자 크기·간격을 일관되게 관리하려면 PX↔EM 변환이 핵심입니다. 기본 폰트 사이즈를 기준으로 즉시 변환합니다.
  • 기본 폰트 사이즈 변경 지원
  • 공식과 예시로 개념 이해
  • PX/EM 값 각각 복사 가능
px (일반적으로 16px)
px
절대 단위 (고정 크기)
em
상대 단위 (부모 요소 기준)
변환 공식
• PX → EM: em = px ÷ 기본폰트크기
• EM → PX: px = em × 기본폰트크기

Hash 생성기

MD5, SHA-1, SHA-256, SHA-512 등의 해시값을 생성합니다. 파일 무결성 검사, 간단한 체크섬 비교 등에 사용합니다.
  • 여러 알고리즘 선택 지원
  • 간단한 텍스트 입력으로 즉시 생성
  • 보안 목적의 비밀번호 저장에는 적합하지 않음(단방향·솔트 필요)

CSS 단위 변환기

PX, EM, REM 단위를 상황에 맞게 변환하세요. 루트 폰트 크기와 컨텍스트에 따른 상대 단위를 이해하는 데 도움이 됩니다.
  • 기본 폰트 사이즈 가변 입력
  • PX/EM/REM 상호 변환
  • 반응형 타이포그래피 설계에 적합
px

UUID 생성기 / 검증기

UUID v4를 생성·검증합니다. 식별자 충돌 위험이 낮아 데이터베이스 키, 파일명 등에 널리 쓰입니다.
  • 버튼 한 번으로 생성
  • 정규식 검증 상태 표시
  • 복사 버튼으로 즉시 사용

글자수 세기

문서·SNS·메타디스크립션 작성 시 글자수/단어수/바이트수를 빠르게 확인하세요. 공백 제외 글자수도 함께 표기됩니다.
  • 실시간 카운팅
  • 대용량 텍스트 안정 처리
  • 초기화로 간편 재측정

랜덤 비밀번호 생성기

강력한 랜덤 비밀번호를 생성하세요. 길이, 문자 구성(대문자/숫자/특수문자)을 자유롭게 조절할 수 있습니다.
  • 재생성 버튼으로 빠른 다양성 확보
  • 복사 버튼 제공
  • 사이트 별 고유 비밀번호 사용 권장(유출 사고 대비)