도구 소개
도구 소개 HEX·RGB·HSL 색상 변환과 대비(Contrast) 확인 방법
CSS 색상 형식을 변환하고 HSL로 색을 조정하며, 전경색·배경색의 대비를 확인해 읽기 쉬운 UI를 만드는 방법을 예제와 함께 설명합니다.
도구 소개 이미지에서 QR 코드를 읽어 열기 전에 URL을 확인하는 방법
이미지나 스크린샷에서 QR 코드를 디코딩하고, 인쇄 전 캠페인 링크를 검증하며, 의심스러운 QR URL을 안전하게 확인하는 방법을 설명합니다.
도구 소개 글자 수 세기와 텍스트 정리: 문서·폼·코드 조각을 위한 활용법
글자 수·줄 수, 공백 정리, HTML 이스케이프를 사용해 문서, 메타데이터, 폼, 개발 작업에 쓰기 좋은 텍스트로 다듬는 방법을 설명합니다.
도구 소개 밀리초·초·분·시간을 변환하는 방법: 타임아웃과 TTL 설정 확인
ms, 초, 분, 시간, 일을 상호 변환해 API 타임아웃, 캐시 TTL, 재시도, 모니터링 간격 설정에서 밀리초와 초를 혼동하지 않는 방법을 설명합니다.
개발 이야기
개발 이야기 아무도 아키텍처 다이어그램을 업데이트하지 않는 문제에 대하여
'잠깐, 중간에 서버가 하나 더 있지 않나요?' 누군가 이렇게 물어볼 때 느끼는 그 서늘함. 실시간 웹 기반 Mermaid 인프라 시각화 도구를 만들게 된 이야기입니다.
개발 이야기 YAML 지옥에서 정신줄 놓기: 내가 CI/CD 시각화 도구를 만든 이유
GitHub Actions의 'needs' 의존성이 인간의 눈으로 파악하기엔 너무 혼란스러워졌을 때, YAML 미로를 깔끔한 순서도로 바꾸기로 결심했습니다.
개발 이야기 JOIN 때문에 울지 마세요: 비주얼 SQL 빌더 개발 비화
'잠깐, LEFT JOIN이 어떻게 작동하더라?' 쉼표 누락이나 구문 오류를 디버깅하느라 시간을 낭비하지 않도록 이 노코드 SQL 도구를 만들었습니다.
개발 이야기 재귀로 푸는 JSON→TypeScript 변환: 외부 라이브러리에 의존하지 않는 강점
API 응답에서 순식간에 타입 정의를 생성. 외부 파서 없이 재귀 알고리즘으로 가볍고 빠르게 구현한 뒷이야기를 소개합니다.
사이트의 목적
기술 지식과 편리한 도구를 한곳에 모아, 개발자가 조사 시간을 줄이고 구현에 집중할 수 있도록 합니다.
누구를 위한 사이트인가요?
빠른 검증 도구와 실용적인 참고 자료가 필요한 엔지니어, 개발자, 기술 담당자를 위한 사이트입니다.
왜 유용한가요?
기사와 도구가 짝을 이루어, 개념을 이해한 뒤 곧바로 브라우저에서 시험해 볼 수 있습니다.
프라이버시를 고려한 설계
입력값은 가능한 한 브라우저 안에서 처리되어, 개발 데이터를 더 안전하게 다룰 수 있습니다.
도구
AI·LLM
3 items
개발 및 DevOps
8 items
GitHub Actions 시각화
GitHub Actions 워크플로우를 시각화하고 GUI로 구축.
SQL 포맷터
다양한 방언을 지원하는 SQL 쿼리 포맷 및 미화 도구.
비주얼 SQL 빌더
직관적인 그래픽 인터페이스를 사용하여 SELECT, JOIN, WHERE 절이 포함된 복잡한 SQL 쿼리를 생성합니다.
SQL → ER 다이어그램
CREATE TABLE 문을 파싱하여 관계를 포함한 ER 다이어그램을 자동으로 생성하고 시각화합니다.
Curl 컨버터
cURL 명령어를 Python, Node, Go 등의 코드로 변환.
Chmod 계산기
Linux 파일 권한(8진수 · 기호)을 계산하고 변환.
Cron 편집기 및 파서
Cron 표현식을 읽기 쉬운 텍스트로 변환하고 다음 실행 시간을 계산.
인프라 구성도 제작 도구
GUI 조작만으로 시스템 구성도나 네트워크 다이어그램을 작성. Mermaid 형식의 코드와 이미지를 즉시 생성합니다.