일일 디자인 영감
디자인 세계의 신선한 관점, 매일 업데이트
오늘의 디자인
매일 아침, 새로운 디자인이 등장합니다. 오늘의 주목 작품 뒤에 숨겨진 재료, 참고 자료, 그리고 창의적 결정을 탐구해 보세요.
오늘의 디자인 발견하기
오늘의 디자인 팀
디자인은 흔히 협업에서 시작됩니다. A' Design Award 심사위원단이 인정한 작품을 만들어낸 팀을 만나보세요.
팀 만나기
오늘의 디자이너
신중한 디자인 뒤에는 의도적인 정신이 있습니다. 오늘 주목하는 A' Design Award 수상자의 포트폴리오, 철학, 그리고 여정을 탐구해 보세요.
그들의 비전 보기
오늘의 디자인 레전드
수십 년의 헌신이 하나의 작품 세계를 정의합니다. 오늘 주목하는 디자이너의 평생에 걸친 기여와 지속적인 영향력을 탐구해 보세요.
그들의 유산에 경의를
오늘의 디자인 인터뷰
대화는 포트폴리오가 보여줄 수 없는 것을 드러냅니다. 오늘 주목하는 디자이너의 통찰, 전환점, 그리고 힘들게 얻은 교훈을 들어보세요.
인터뷰 읽기
오늘의 하이라이트
디자인 세계에서 주목할 만한 순간들. 전시회 오프닝부터 프로젝트 런칭까지, 창조적 진보를 나타내는 이벤트를 팔로우하세요.
오늘의 하이라이트 보기
오늘의 디자인 아이디어
모든 제품은 하나의 생각에서 시작됩니다. 오늘의 콘셉트를 탐구해 보세요 — 여전히 형태를 찾고 있는 비전, 실현될 조건을 기다리는 제안.
아이디어 탐구하기
오늘의 디자인 브랜드
모든 제품 뒤에는 관점을 가진 조직이 있습니다. 오늘 주목하는 브랜드를 정의하는 원칙과 프로세스를 탐구해 보세요.
브랜드 발견하기
오늘의 디자인 트렌드
주의를 기울이면 패턴이 보입니다. 오늘 주목하는 무브먼트를 팔로우하세요 — 여러 분야에서 주목받고 있는 소재, 팔레트 또는 접근 방식.
트렌드 탐구하기HTML 태그 제거
텍스트에서 모든 HTML 태그를 제거하고 보이는 텍스트 내용만 남깁니다.
<p>, <div>, <a>, <span>,
인라인 스타일을 포함한 모든 태그를 제거합니다. 웹 페이지, HTML 이메일, CMS 콘텐츠 등에서
마크업 없이 깨끗한 텍스트를 추출하는 데 완벽합니다.
<h1>Hello</h1><p>This is <strong>bold</strong> text.</p>
↓
Hello This is bold text.
HTML 이스케이프
HTML 특수 문자를 안전한 엔티티 형태로 변환합니다: <는
<가 되고, >는 >가 되고, &는
&가 되고, 따옴표는 "가 됩니다. HTML에서 코드 스니펫 표시,
XSS 공격 방지, 웹 페이지에 사용자 입력을 안전하게 삽입하는 데 필수적입니다.
<script>alert("XSS")</script>
↓
<script>alert("XSS")</script>
HTML 언이스케이프
HTML 엔티티를 원래 문자로 복원합니다: <는
<가 되고, >는 >가 되고, &는
&가 됩니다. HTML 이스케이프의 역변환으로 — 이스케이프된 HTML을 작동하는 마크업으로 복원하거나,
엔티티로 인코딩된 콘텐츠를 원래 형태로 읽는 데 사용하세요.
<h1>Hello & Welcome</h1>
↓
<h1>Hello & Welcome</h1>
CSS 제거
텍스트에서 모든 CSS 코드를 제거합니다 — <style> 블록, 인라인
style="..." 속성, class/id 속성을 포함합니다. 웹 페이지나
이메일 템플릿에서 복사한 HTML을 정리하여 스타일링 정보 없이 구조적 마크업과 텍스트 내용만
남깁니다.
<p style="color:red; font-size:14px;">Hello World</p>
↓
<p>Hello World</p>
마크다운 제거
텍스트에서 모든 마크다운 구문을 제거합니다 — 제목(#), 굵게(**), 기울임(*), 링크([]()), 이미지, 코드 블록, 인용문(>), 수평선, 목록 기호 등. 깨끗하고 읽기 쉬운 일반 텍스트를 남깁니다. .md 파일, README 문서, 마크다운 형식으로 저장된 CMS 콘텐츠에서 내용을 추출하는 데 이상적입니다.
# Hello **World**
This is a [link](https://example.com) and `inline code`.
↓
Hello World
This is a link and inline code.
코드 주석 제거
텍스트에서 모든 일반적인 코드 주석 형식을 제거합니다: 한 줄 주석(//),
여러 줄 주석(/* ... */), HTML 주석(<!-- ... -->), 해시 주석(#).
코드 축소, 설정 파일 정리, 소스 코드에서 기능적인 줄만 추출하는 데 유용합니다.
var x = 5; // set x
/* This is
a comment */
var y = 10;
↓
var x = 5;
var y = 10;
JSON 포맷터 (예쁘게 출력)
축소되거나 압축된 JSON을 가져와서 사람이 읽기 쉽도록 적절한 들여쓰기와 줄 바꿈으로 서식 지정합니다. 각 중첩 레벨은 2개의 공백으로 들여쓰기됩니다. JSON 구문을 검증하고 입력이 잘못된 경우 오류를 보고합니다. API 응답 검사, 데이터 구조 디버깅, 설정 파일 검토를 위한 필수 도구입니다.
{"name":"Alice","age":30,"city":"Paris"}
↓
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
JSON 축소
서식이 지정된 JSON을 불필요한 공백 없이 한 줄로 압축합니다. 데이터 구조를 유지하면서 모든 들여쓰기, 줄 바꿈, 추가 공백을 제거합니다. API 페이로드, 설정 저장, 네트워크 전송을 위해 파일 크기를 줄입니다. JSON 포맷터의 역변환입니다.
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
↓
{"name":"Alice","age":30,"city":"Paris"}
CSV를 JSON으로
CSV 데이터를 JSON 객체 배열로 변환합니다. 첫 번째 행이 속성 이름(키)으로 사용되고, 이후 각 행이 객체가 됩니다. 따옴표가 있는 필드, 따옴표 안의 쉼표, 일반적인 CSV 예외 사항을 처리합니다. 스프레드시트 데이터를 웹 애플리케이션, API, JavaScript 프로그램으로 가져오는 데 필수적입니다.
name,age,city
Alice,30,Paris
Bob,25,London
↓
[
{"name":"Alice","age":"30","city":"Paris"},
{"name":"Bob","age":"25","city":"London"}
]
JSON을 CSV로
JSON 객체 배열을 CSV 형식으로 변환합니다. 모든 속성 이름을 자동으로 헤더 행으로 추출하고 각 객체의 값을 해당 열에 매핑합니다. 중첩된 값은 문자열화하여 처리합니다. CSV를 JSON으로의 역변환으로 — API 데이터를 스프레드시트로 내보내는 데 완벽합니다.
[{"name":"Alice","age":30},{"name":"Bob","age":25}]
↓
name,age
Alice,30
Bob,25
CSV를 마크다운 표로
CSV 또는 TSV 데이터를 열이 정렬되고 헤더 구분선과 파이프 구분자가 있는 서식이 지정된 마크다운 표로 변환합니다. 첫 번째 행이 표 헤더가 됩니다. GitHub README, 문서, Notion, Jira, Confluence 또는 마크다운 호환 플랫폼에 바로 붙여넣을 수 있습니다.
name,age,city
Alice,30,Paris
Bob,25,London
↓
| name | age | city |
| ----- | --- | ------ |
| Alice | 30 | Paris |
| Bob | 25 | London |
줄을 JSON 배열로
한 줄에 하나씩 있는 값 목록을 자동 타입 감지가 되는 JSON 배열로 변환합니다. 숫자는 JSON 숫자가 되고, “true”/“false”는 불리언이 되고, “null”은 null이 되고, 나머지는 따옴표가 있는 문자열이 됩니다. 빈 줄은 건너뜁니다. 간단한 목록에서 빠르게 JSON 배열을 만드는 데 완벽합니다.
apple
42
true
banana
null
↓
["apple", 42, true, "banana", null]
PHP 주석 제거
코드에서 한 줄 // 주석, 해시 # 주석, 여러 줄 /* ... */ 블록 주석을 포함한
모든 PHP 스타일 주석을 제거합니다. ://를 포함하는 URL과
#ff6600 같은 16진수 색상 코드를 지능적으로 보존합니다. 배포 전 소스 파일 정리나
파일 크기 줄이기에 완벽합니다.
$name = "World"; // user name
/* Say hello */
echo "Hello $name"; # output
↓
$name = "World";
echo "Hello $name";
Python 주석 제거
한 줄 # 주석과 여러 줄 독스트링("""...""" 및 '''...''')을 포함한
코드의 모든 Python 주석을 제거합니다. 해시 문자를 포함하는 문자열을 존중하고
셔뱅 줄(#!/usr/bin/env python)을 보존합니다. 프로덕션 코드 준비나
스크립트 크기 줄이기에 이상적입니다.
"""Module docstring"""
name = "World" # user name
# Print greeting
print(f"Hello {name}")
↓
name = "World"
print(f"Hello {name}")
HTML 주석 제거
마크업에서 모든 HTML 주석 블록(<!-- ... -->)을 제거합니다.
조건부 주석과 편집기 주석을 포함한 한 줄 및 여러 줄 주석을 모두 제거합니다.
프로덕션 전 HTML 정리, 페이지 용량 줄이기, 또는 공개 코드에서
개발자 노트를 제거하는 데 유용합니다.
<div>
<!-- Navigation section -->
<nav>Menu</nav>
<!-- TODO: fix later -->
</div>
↓
<div>
<nav>Menu</nav>
</div>
JavaScript 문자열 이스케이프
JavaScript 문자열 리터럴 안에서 안전하게 사용할 수 있도록 텍스트를 이스케이프합니다. 백슬래시,
작은따옴표, 큰따옴표, 줄바꿈, 캐리지 리턴, 탭, 널 문자를 이스케이프된
동등 문자(\\, \', \", \n, \r,
\t, \0)로 변환합니다. 결과는 작은따옴표로 감싸져 JS 소스 코드에
직접 붙여넣을 수 있습니다.
He said "it's done"
on two lines.
↓
'He said \"it\'s done\"\non two lines.'
Python 문자열 이스케이프
Python 문자열 리터럴 안에서 안전하게 사용할 수 있도록 텍스트를 이스케이프합니다. 한 줄 텍스트의 경우
백슬래시, 따옴표, 줄바꿈, 캐리지 리턴, 탭을 이스케이프하고 결과를 작은따옴표로 감쌉니다.
여러 줄 텍스트의 경우 줄바꿈을 자연스럽게 보존하기 위해 자동으로 삼중 따옴표 문자열
("""...""")을 사용합니다. Python 소스 코드에 직접 붙여넣을 수 있습니다.
Hello "World"
Second line here
↓
"""Hello "World"
Second line here"""
Java 문자열 이스케이프
Java 문자열 리터럴 안에서 안전하게 사용할 수 있도록 텍스트를 이스케이프합니다. 백슬래시, 큰따옴표,
줄바꿈, 캐리지 리턴, 탭을 Java 이스케이프 시퀀스(\\, \",
\n, \r, \t)로 변환합니다. 결과는 큰따옴표로 감싸져
Java, Kotlin, Scala 또는 모든 JVM 언어 소스 파일에 붙여넣을 수 있습니다. C# 및 C++ 문자열 리터럴에도 사용 가능합니다.
Path: C:\Users\"Admin"
Next line
↓
"Path: C:\\Users\\\"Admin\"\nNext line"
정규식 이스케이프
정규식 패턴 안에서 리터럴 검색 문자열로 사용할 수 있도록 텍스트의 모든 정규 표현식 메타문자를
이스케이프합니다. . * + ? ^ $ { } ( ) | [ ] \ 앞에 백슬래시를 추가합니다.
$price, file.txt, (optional)과 같이 특수 정규식 문자가 포함된
텍스트를 정규식 엔진에서 문자 그대로 검색해야 할 때 필수적입니다.
Price is $19.99 (USD) [sale]
↓
Price is \$19\.99 \(USD\) \[sale\]
Crontab 설명기
크론 스케줄 표현식을 일반 언어로 번역합니다. 5개 필드 크론 표현식(분, 시, 일, 월, 요일)을
입력하면 범위, 스텝, 목록을 포함한 각 필드의 사람이 읽기 쉬운 분석을 제공합니다. @daily,
@weekly, @hourly, @monthly 같은 단축어도 지원합니다.
전체 스케줄을 자연어로 설명합니다.
30 2 * * 1-5
↓
minute: 30 → 분: 30
hour: 2 → 시: 2
day-of-week: 1-5 → 월요일~금요일
➡ 매일 02:30에 실행, 월요일–금요일
Chmod 계산기
8진수와 심볼릭 Unix 파일 권한 형식 간 변환합니다. 755 같은 8진수 값이나
rwxr-xr-x 같은 심볼릭 문자열을 입력하면 두 가지 표현 모두와 소유자, 그룹, 기타
권한(읽기, 쓰기, 실행)의 상세 분석을 제공합니다. 바로 사용할 수 있는 chmod 명령도
생성합니다. 한 줄에 하나씩 여러 값을 한꺼번에 처리할 수 있습니다.
755
↓
Octal: 755 Symbolic: rwxr-xr-x
Owner: rwx (읽기, 쓰기, 실행)
Group: r-x (읽기, 실행)
Others: r-x (읽기, 실행)
사용법: chmod 755 filename
환경 변수 포맷터
환경 변수 파일(.env)을 정리하고 표준화합니다. 모든 키를
UPPER_SNAKE_CASE로 변환하고, 가독성을 위해 등호를 정렬하며, 공백, 따옴표 또는 특수 문자가
포함된 값을 자동으로 큰따옴표로 감쌉니다. 주석과 빈 줄을 보존합니다. Docker, Laravel, Node.js 또는
12-팩터 앱 프로젝트에서 지저분한 .env 파일을 정리하는 데 완벽합니다.
database-host=localhost
App Name=My Cool App
# comment
api_key=abc123
↓
DATABASE_HOST=localhost
APP_NAME ="My Cool App"
# comment
API_KEY =abc123
CSS 압축
주석 제거, 공백 축소, 선택자·속성·값 주변의 불필요한 공백 제거, 닫는 중괄호 앞의 후행 세미콜론 제거를 통해 CSS 코드를 압축합니다. 원본 크기, 압축 후 크기, 절약된 바이트 수와 백분율이 포함된 상세 요약을 표시합니다. 프로덕션용 스타일시트 최적화, 페이지 로드 시간 단축, CSS 파일 크기 줄이기에 이상적입니다.
/* Main styles */
.header {
color: #333;
margin: 0;
}
↓
.header{color:#333;margin:0}
(42바이트 절약, 58.3%)
HTML 압축
주석 제거, 태그 사이 공백 축소, 여러 개의 공백을 하나로 줄여 HTML 마크업을 압축합니다. 원본 크기, 압축 후 크기, 절약된 바이트 수와 백분율이 포함된 상세 요약을 표시합니다. HTML 페이로드 크기 줄이기, 페이지 전송 속도 향상, 프로덕션 배포를 위한 마크업 준비에 적합합니다.
<!-- Header -->
<div>
<h1> Hello </h1>
<p> World </p>
</div>
↓
<div><h1> Hello </h1><p> World </p></div>
(35바이트 절약, 46.7%)
XML 포맷터
적절한 들여쓰기(레벨당 2칸)로 XML 마크업을 보기 좋게 정리합니다. 여는 태그, 닫는 태그, 자체 닫힘 태그, 처리 지시문, 텍스트 콘텐츠를 파싱한 후 깔끔하고 읽기 쉬운 중첩 구조로 문서를 재구성합니다. 압축되거나 포맷이 잘못된 XML을 처리할 수 있습니다. API 응답 디버깅, 설정 파일 검사, SOAP 메시지 또는 모든 XML 데이터에 완벽합니다.
<root><item><name>Test</name><value>42</value></item></root>
↓
<root>
<item>
<name>Test</name>
<value>42</value>
</item>
</root>
XML 압축
주석을 제거하고 태그 사이의 모든 공백을 축소하여 XML 마크업을 압축합니다. 원본 크기, 압축 후 크기, 절약된 바이트 수와 백분율이 포함된 상세 요약을 표시합니다. API 요청의 XML 페이로드 크기 줄이기, 설정 파일 축소, SOAP 메시지 최적화 또는 대역폭이 제한된 환경을 위한 XML 데이터 준비에 이상적입니다.
<!-- Config -->
<root>
<item>Hello</item>
<item>World</item>
</root>
↓
<root><item>Hello</item><item>World</item></root>
(38바이트 절약, 44.2%)
JSON을 YAML로
JSON 데이터를 YAML 형식으로 변환합니다. 중첩된 객체, 배열, 문자열(특수 문자에 대한 적절한 인용 처리), 숫자, 불리언, null 값을 처리합니다. 2칸 들여쓰기의 깔끔한 YAML을 생성합니다. API 응답을 Kubernetes 설정, Docker Compose 파일, Ansible 플레이북, GitHub Actions 워크플로우 또는 JSON보다 YAML을 선호하는 모든 환경으로 변환하는 데 완벽합니다.
{"name": "John", "age": 30, "hobbies": ["reading", "coding"]}
↓
name: John
age: 30
hobbies:
- reading
- coding
YAML을 JSON으로
YAML 데이터를 JSON 형식으로 변환합니다. 키-값 쌍, 중첩된 맵, 목록(- 항목),
스칼라, 불리언, 숫자, null 값을 파싱합니다. 주석과 문서 마커(---, ...)를
건너뜁니다. 2칸 들여쓰기의 깔끔한 JSON을 출력합니다. Kubernetes 설정, Docker Compose 파일 또는
CI/CD 파이프라인을 API나 유효성 검사를 위해 JSON으로 변환하는 데 이상적입니다.
name: John
age: 30
hobbies:
- reading
- coding
↓
{
"name": "John",
"age": 30,
"hobbies": ["reading", "coding"]
}
Markdown을 HTML로
Markdown 텍스트를 HTML 마크업으로 변환합니다. 제목(#–######),
굵게, 기울임, 굵은 기울임, 취소선, 링크, 이미지, 언어 클래스가 있는 코드 블록, 인라인 코드,
인용문, 비순서 목록, 수평선, 단락을 지원합니다. Markdown 콘텐츠 미리보기, CMS 플랫폼용 HTML 생성,
이메일 뉴스레터 또는 정적 사이트 생성기에 완벽합니다.
# Hello
This is **bold** and *italic*.
- Item one
- Item two
↓
<h1>Hello</h1>
<p>This is <strong>bold</strong> and <em>italic</em>.</p>
<ul><li>Item one</li><li>Item two</li></ul>
HTML을 Markdown으로
HTML 마크업을 깔끔한 Markdown 텍스트로 변환합니다. 제목, 굵게, 기울임, 취소선, 링크, 이미지, 코드 블록, 인라인 코드, 인용문, 목록, 수평선, 줄바꿈을 해당하는 Markdown으로 변환합니다. 나머지 HTML 태그를 제거하고 엔티티를 디코딩합니다. 웹사이트 콘텐츠를 GitHub, Jekyll, Hugo, Notion 같은 Markdown 기반 시스템으로 마이그레이션하는 데 이상적입니다.
<h1>Hello</h1><p>This is <strong>bold</strong> and <a href="https://example.com">a link</a>.</p>
↓
# Hello
This is **bold** and [a link](https://example.com).
SQL 포맷터
적절한 포맷과 들여쓰기로 SQL 쿼리를 보기 좋게 정리합니다. SQL 키워드를 대문자로 변환하고
(SELECT, FROM, WHERE, JOIN 등), 주요 절을
새 줄에 배치하며, 열 목록과 조건을 들여쓰기하고, AND/OR를 별도 줄로
분리합니다. SELECT, INSERT, UPDATE, DELETE, CREATE, ALTER 문을 지원합니다. 복잡한 쿼리를
읽기 쉽고 디버깅하기 쉽게 만듭니다.
select id, name, email from users where active = 1 and role = 'admin' order by name
↓
SELECT id,
name,
email
FROM users
WHERE active = 1
AND role = 'admin'
ORDER BY name
쿼리 문자열 파서
URL 쿼리 문자열을 깔끔하고 읽기 쉬운 키-값 쌍 테이블로 파싱합니다. 전체 URL
(예: https://example.com/page?key=value&foo=bar) 또는 쿼리 부분만
(?key=value&foo=bar)을 허용합니다. 모든 키와 값을 자동으로 URL 디코딩하고,
+를 공백으로 변환하며, 코드에서 쉽게 사용할 수 있도록 매개변수를
JSON 객체로도 출력합니다.
https://shop.com/search?q=red+shoes&category=footwear&page=2
↓
q = red shoes
category = footwear
page = 2
+ JSON 객체
JWT 디코더
JSON 웹 토큰(JWT)을 디코딩하여 헤더, 페이로드, 서명을 읽기 쉬운 형식으로 표시합니다.
iss(발급자), sub(주체), exp(만료), iat(발급 시간)
같은 등록된 클레임을 자동으로 파싱하고 타임스탬프를 사람이 읽을 수 있는 날짜로 변환합니다. 토큰이
만료되었는지 아직 유효한지 표시합니다. 완전히 클라이언트 측에서 실행됩니다—토큰이
어떤 서버로도 전송되지 않습니다.
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKx...
↓
HEADER: {"alg": "HS256", "typ": "JWT"}
PAYLOAD: {"sub": "1234567890", "name": "John Doe", "iat": 1516239022}
발급 시간: 2018-01-18T01:30:22Z