웹 개발
도구 21개
Cron 표현식 해석기 Cron 표현식을 알기 쉬운 문장으로 설명하고, 로컬 시간대 또는 UTC 기준으로 다음 실행 시각을 보여줍니다. Markdown 미리보기 Markdown을 작성하면서 GitHub Flavored Markdown으로 렌더링된 결과를 실시간으로 보고, 생성된 HTML을 복사할 수 있습니다. HTML, CSS & JS 플레이그라운드 HTML, CSS, JavaScript를 작성하고 결과를 즉시 확인하세요. 콘솔, 공유 링크, HTML 다운로드를 지원하며 브라우저 샌드박스에서 실행됩니다. URL 파서 URL을 프로토콜, 호스트, 포트, 경로, 쿼리 매개변수, 프래그먼트로 나누어 디코딩하고, 쿼리를 편집해 URL을 다시 만듭니다. CSS 그라데이션 생성기 색상 정지점, 각도, 위치를 조절해 선형·방사형·원뿔형 CSS 그라데이션을 시각적으로 만들고, 실시간 미리 보기와 프리셋으로 시작해 CSS를 복사하세요. CSS 박스 그림자 생성기 CSS box-shadow를 시각적으로 만드세요. 여러 레이어를 겹치고 오프셋, 흐림, 확산, 색상, inset을 조정하며 실시간 미리보기와 프리셋으로 CSS를 복사할 수 있습니다. 파비콘 생성기 텍스트, 이모지, 로고로 파비콘을 만듭니다. favicon.ico, 크기별 PNG, Apple touch icon, 웹 매니페스트, HTML 태그를 ZIP 하나로 제공합니다. 메타 태그 생성기 페이지의 SEO 메타 태그, Open Graph, 트위터 카드 태그를 생성하고 검색 결과와 소셜 카드를 미리 봅니다. 사용자 에이전트 분석기 User-Agent 문자열을 브라우저, 엔진, 운영체제, 기기, CPU로 분석하고 검색 크롤러, AI 봇, HTTP 클라이언트를 구별합니다. 서브넷 계산기 (IPv4 CIDR) CIDR 또는 IP와 서브넷 마스크로 네트워크 주소, 브로드캐스트 주소, 호스트 범위, 호스트 수, 넷마스크, 와일드카드 마스크를 계산하고 네트워크를 여러 서브넷으로 나눕니다. chmod 계산기 Unix 파일 권한을 체크박스, 8진수(755), 기호 표기(rwxr-xr-x) 사이에서 변환합니다. setuid, setgid, 스티키 비트를 지원하고 바로 복사할 수 있는 chmod 명령을 만들어 줍니다. 시간대 변환기 전 세계 시간대 간에 날짜와 시간을 변환합니다. 서머타임을 반영하고 각 시간대의 UTC 오프셋과 날짜 변화를 보여 줍니다. 색상 대비 검사기 (WCAG) 글자색과 배경색의 WCAG 2.x 대비율을 검사하고 일반 텍스트, 큰 텍스트, UI의 AA/AAA 통과 여부를 확인하세요. 실시간 미리보기와 가장 가까운 통과 색상을 제안합니다. PX → REM 변환기 원하는 기준 글꼴 크기로 px를 rem이나 em으로(또는 반대로) 변환하고, 변환표를 보고, 붙여 넣은 CSS의 모든 px 값을 한 번에 바꿉니다. robots.txt 생성기 robots.txt 파일을 만듭니다. User-agent별로 경로를 허용·차단하고, 사이트맵과 크롤링 지연을 추가하고, AI 크롤러를 클릭 한 번으로 차단하세요. XML 사이트맵 생성기 URL 목록을 lastmod, changefreq, priority가 포함된 sitemap.xml로 만들고, 기존 사이트맵을 검증하고 정리합니다. .htaccess 생성기 Apache .htaccess 파일을 생성합니다. HTTPS 강제, www 리디렉션, 301 리디렉션, 404 페이지, gzip, 캐싱, 보안 헤더를 지원합니다. CSS 모서리 둥글기 생성기 (border-radius) CSS border-radius를 모서리마다 설정하세요. 타원형 모서리와 블롭 모양을 지원하고 px, %, rem 단위로 실시간 미리보기와 프리셋에서 가장 짧은 CSS를 복사할 수 있습니다. 온라인 이미지 편집기 브라우저에서 사진을 자르고, 회전·반전하고, 크기를 조정하고, 색을 보정하세요. 필터 적용, EXIF 확인, PNG·JPG·WebP 저장을 지원하며 업로드는 없습니다. CSS 폰트 스택 생성기 시스템 폰트, 한중일(CJK) 대체 폰트, 이모지를 포함한 크로스 플랫폼 CSS font-family 스택을 만듭니다. CSS 스프라이트 생성기 아이콘을 하나의 스프라이트 시트 PNG로 합치고, 이미지별 CSS background-position 클래스를 만듭니다.