데브파이브

유틸리티 도구 웹사이트 — 멀티스크린 목업
중앙 모니터 — 도구 디렉토리 (홈)
로고: (상단)
섹션 1 — 이미지 & 편집
도구
QR코드
이미지 리사이즈
컬러 피커
유튜브 썸네일 (YouTube)
이미지 자르기 / 편집기
워터마크 제거
…
섹션 2 — 기타 유틸
도구
글자수 세기
랜덤 뽑기
단위 변환기
QR / 바코드
초성 게임
맞춤법 검사
…
버튼: 전체 카테고리 / 문의 채팅 아이콘
좌측 상단 화면 — 랜덤 유형 뽑기 생성기
- 개수 / 항목 입력 / 옵션 (중복 허용, 순서 등)
- 버튼: 뽑기
- 안내: 랜덤 유형입니다만?
좌측 하단 화면 — 텍스트 유니코드 변환기
- 텍스트 입력 → 변환 결과
- 버튼: 텍스트 변환
우측 상단 화면 — 길이 변환
- 미터 m → 피트 ft 등 단위 변환
- 입력값 1 = 3.28808…
우측 하단 화면 — 인스타 카드 메이커
- 이미지 업로드 (드래그 앤 드롭)
- 사이즈: 1080×1080px, 1080×1350px, 세로형 등
- 버튼: 이미지 업로드
공통 푸터
- 문의: contact@devfive.kr
- Copyright © DEVFIVE. All Rights Reserved.

UTIL SUPPORT

본 프로젝트는 작업 효율성을 극대화할 수 있는 다양한 유틸리티 도구들을 하나의 통합된 웹서비스 환경에 체계적으로 집약한 유틸서포트 플랫폼을 구축하여 사용자들이 복잡한 소프트웨어 설치 과정이나 번거로운 회원가입 절차 없이 웹 브라우저를 통해 즉시 접근하고 활용할 수 있도록 개발된 올인원 디지털 워크스페이스입니다. 특히 개발자와 기획자를 비롯한 다양한 직군의 실무진들이 일상적인 업무 과정에서 자주 필요로 하는 핵심적인 기능들을 직관적이고 사용자 친화적인 인터페이스로 제공하며, 접근성과 사용성을 최우선으로 고려한 디자인 철학을 바탕으로 누구나 쉽고 빠르게 필요한 작업을 처리할 수 있는 효율적인 유틸리티 생태계를 구현합니다.

제작 기간2025. 06 - 2025. 08

고객사데브파이브

사용 기술Next.js, Devup-ui, TypeScript, Python, Fast-api

사이트 바로가기

서비스
미리보기

UTIL SUPPORT — 유틸리티 도구 디렉토리 (전체 페이지)
로고: UTIL SUPPORT
네비게이션: 전체 · 재미 & 편의 · 기본 생활 · 금융 계산기 · 파일 변환 · 디자인 도구 · 마케팅 특화 · 개발자 툴
상단: 검색바 / 다크모드 · 즐겨찾기 · 메뉴
재미 & 편의
도구 설명
OX선택 선택은 고민중이신가요? 결정 버튼을 눌러보세요. O, X중 결과가 랜덤으로 정해집니다.
사다리 게임 참가인원과 당첨 내용을 입력해 당첨자를 추천할 수 있는 사다리타기 게임입니다.
룰렛 / 추첨기 이름이나 항목을 무작위로 선택하는 회전판 방식의 온라인 도구입니다.
유어테스트 Yourtest 재밌는 검사가 한가득! 유어테스트에서 이야기 테스트를 즐겨보세요.
특수 영어 텍스트 생성기 SNS 등에 사용할 수 있는 특수문자 영어 텍스트를 생성할 수 있는 사이트입니다. Try it!
점심 메뉴 추천기 오늘 점심 메뉴는? 추천 버튼을 눌러보세요!
이모지 합성기 이모지를 합성하여 새로운 이모지 이미지를 만들 수 있는 사이트입니다.
특수 이모티콘 모음 이모지, 아스키아트, 캔시 폰트 등 SNS에 사용할 수 있는 이모티콘을 한 번에 찾을 수 있게 모아둔 사이트입니다.
기본 생활
도구 설명
글자수 세기 입력한 글자의 개수를 바로 확인해 주는 도구입니다.
맞춤법 검사기 한국어 맞춤법 및 문법 검사기입니다.
텍스트 정렬 도구 텍스트를 알파벳 및 길이별로 정렬해주는 도구입니다.
디데이 계산기 날짜만 입력하면 D-Day 자동 계산! 기념일, 마감일 관리에 활용해보세요.
음력/양력 변환기 음력 및 양력을 변환시켜주는 도구입니다.
단위 환산 단위를 변환해주는 도구입니다.
이메일 유효성 검사기 이메일 형식을 빠르게 검증시켜주는 도구입니다.
영문 주소 변환기 한국 주소를 해외 배송 등에 사용 될 영문 주소로 변환 시켜주는 사이트입니다.
온라인 서명/도장 만들기 전자계약에 필요한 서명 및 도장 이미지를 입력만으로 만들 수 있는 사이트입니다.
호칭 계산기 친인척(외조, 촌수 등)을 계산해드립니다. 나, 배우자, 자녀가 얽어야 할 친인척 호칭을 한번의 계산으로 확인할 수 있습니다.
뽀모도로 타이머 25분간 할 일에 집중하고, 5분간 휴식하는 뽀모도로 타이머를 웹으로 이용해보세요.
전자 유니코드 변환기 BRF(점자 파일) 또는 텍스트를 유니코드 점자(⠿)로 변환할 수 있는 온라인 도구입니다.
금융 계산기
도구 설명
실시간 환율 계산기 주요 통화(KRW, USD, JPY 등) 간의 환율을 실시간으로 확인할 수 있는 도구입니다.
부가세 계산기 합계 금액 및 공급가액으로 부가세를 계산할 수 있는 사이트입니다.
연봉 계산기 내가 받는 급여의 실수령액을 계산할 수 있는 사이트입니다.
3.3% 계산기 프리랜서나 일용직의 원천징수 3.3%를 계산한 후 계약 금액이나 실제 수령액을 계산할 수 있습니다.
파일 변환
도구 설명
이미지 크기 조절 JPG, PNG, SVG, GIF 파일의 이미지 크기를 한 번에 조절할 수 있는 사이트입니다.
PDF ↔ 이미지 PDF 를 이미지로, 이미지를 PDF로 변환할 수 있는 사이트입니다.
HWPX, HWP → PDF HWPX, HWP 파일을 PDF로 쉽게 변환할 수 있는 사이트입니다.
HWPX → HWP HWPX 파일을 HWP 파일로 쉽게 변환할 수 있는 사이트입니다.
Excel → PDF Excel 스프레드 시트파일을 PDF로 쉽게 변환할 수 있는 사이트입니다.
PPT, PPTX → PDF PPT, PPTX 슬라이드 파일을 PDF로 쉽게 변환할 수 있는 사이트입니다.
Word → PDF DOC 및 DOCX 파일을 PDF로 쉽게 변환할 수 있는 사이트입니다.
Png → Webp 광고와 크게 제한 없이 PNG 파일을 WEBP로 변환시켜주는 사이트입니다.
디자인 도구
도구 설명
컬러 팔레트 디자인을 위한 다양한 컬러 팔레트를 모아둔 사이트입니다.
Lorem Ipsum 생성기 디자인용 영어 편집 더미텍스트를 생성할 수 있는 Lorem Ipsum 생성기입니다.
한글 로렘 입숨 생성기 한글판 Lorem Ipsum 을 생성할 수 있는 사이트입니다.
로티 애니메이션 미리보기 Lottie에 로그인하지 않고도 Lottie JSON 애니메이션 파일을 업로드하여 미리 재생해볼 수 있는 사이트입니다.
배경 패턴 생성기 원하는 도형과 색상을 선택해 배경 패턴 이미지를 생성할 수 있는 사이트입니다.
인스타그램 피드 메이커 피드에 업로드할 인스타그램 이미지를 손쉽게 분할할 수 있습니다.
더미 이미지 생성기 원하는 이미지 크기를 URL 뒤에 추가하면 무작위 이미지가 생성되는 사이트입니다.
SVG 코드 이미지 미리보기 SVG 코드의 이미지 미리보기를 확인할 수 있는 사이트입니다.
워터마크 추가 이미지나 문서에 로고나 텍스트 등 워터마크를 추가할 수 있는 사이트입니다.
마케팅 특화
도구 설명
UTM 파라미터 생성기 마케팅 캠페인용 링크를 자동 생성해주는 사이트입니다.
명함 정보 텍스트 추출기 명함 이미지에서 텍스트 OCR로 자동 인식하여 명함 정보를 추출할 수 있는 사이트입니다.
단축 URL 생성 긴 주소를 짧게 줄여주는 단축 URL 생성기입니다.
QR 코드 생성기 원하는 텍스트/URL를 QR코드로 변환해주는 사이트입니다.
개발자 툴
도구 설명
코드펜 Codepen 코드 펜은 코드를 공유하고 협업할 수 있는 온라인 편집기입니다.
Base 64 인코딩/디코딩 이미지나 문자열을 Base64로 변환/복원 시켜주는 도구입니다.
색상 선택자 Color Picker 컬러 피커는 원하는 색상을 HEX, RGB, HSL 등의 코드로 변환해주는 사이트입니다.
애니메이션 라이브러리 다양한 동잡/코드 애니메이션을 모아둔 사이트입니다.
그라디언트 CSS 생성기 그라디언트 CSS 생성기는 원하는 색상을 선택하여 그라디언트 CSS를 생성해주는 사이트입니다.
Easing 함수 알맞은 easing 함수를 고를 수 있도록 도와주는 사이트입니다.
푸터
- 문의 및 의견 제출: contact@devfive.kr
- DEVFIVE
- 모아두고 싶은 편리한 사이트들을 한눈에 확인해보세요. 각 사이트의 저작권은 해당 사이트에 있으며 유틸에서는 바로가기 링크만 제공합니다.
- Copyright © DEVFIVE. All Rights Reserved.

화면에 마우스를 올려보세요!

고객 요구사항
& 프로젝트 방향

클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.

회원가입 없이 30개 이상 유틸리티를 즉시 사용하는 무장벽 웹 서비스 구축

7개 카테고리로 분류한 도구 구조와 사용자 플로우 설계

미니멀 디자인과 다크·라이트 모드를 지원하는 디자인 시스템 구현

도구별 개별 URL·SEO 메타태그로 독립 접근·공유 환경 제공

주요 브라우저·모바일 호환성 테스트와 실무자 피드백으로 완성도 강화

타이포 그래피
& 컬러 시스템

사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다. 섹션: typo
폰트: Pretendard
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular
샘플: Aa
타이포그래피 스케일
스타일 크기 샘플 텍스트
Title 24px 유틸서포트 UTIL SUPPORT
CardTitle 17px 유틸서포트 UTIL SUPPORT
Menu 15px 유틸서포트 UTIL SUPPORT
CardText 14px 유틸서포트 UTIL SUPPORT