# 변경 이력

> dsui에 무엇이 언제 들어왔는지 최신순으로 볼 수 있어요.

- URL: https://dsui.vercel.app/docs/changelog

## 2026-10-19 · v0.11.3

### 개선: 설정 패널에 항목별 설명

- `SettingsPanel`에 `hints`가 생겼어요. 효과음, 음량, 화면 모드, 시즌 테마, 글자 크기, 움직임 줄이기, 흐림 효과 줄이기마다 "이게 무슨 기능이고 끄면 어떻게 되는지"를 한 문장으로 보여 줘요. 스위치는 설명과 `aria-describedby`로 이어져요. `SettingsGroup`에도 제목 아래에 설명을 두는 `hint`가 생겼어요. 안 주면 예전과 똑같아요.
- dsui 사이트의 설정 서랍에 이 설명을 모두 넣었어요.

## 2026-10-19 · v0.11.2

### 개선: 푸터 링크를 아이콘으로

- `SiteFooter`의 링크(`socials` 등)에 `icon`이 생겼어요. 아이콘을 주면 글자 대신 둥근 아이콘 버튼으로 보이고, 이름(`label`)은 스크린 리더가 읽어요. 호버, 눌림, 키보드 포커스 상태가 있고, 바깥으로 나가는 화살표는 붙지 않아요.

## 2026-10-19 · v0.11.1

### 개선: 히어로 설치 줄의 복사 버튼 문구

- `HeroSection`(`HeroContent`)의 설치 명령에 `copyLabel`, `copiedLabel`, `errorLabel`이 생겼어요. 영어 같은 다른 언어 페이지에서 복사 버튼 이름과 안내가 한국어로 남지 않아요. 안 쓰면 예전처럼 한국어예요.

## 2026-10-19 · v0.11.0

### 개선: 생성형 UI 컴포넌트 열두 개

- `gen-ui`에 Textarea, Select, Switch, Checkbox, Progress, Stack이 더해져 열두 컴포넌트가 됐어요. 입력 필드는 값을 `name`으로 앱에 알려 주고, Stack으로 버튼을 한 줄에 놓을 수 있어요. Card는 Stack을 품어요.
- 수정: OpenUI에서 자식을 받는 컴포넌트는 자식 목록이 맨 앞이에요(`Card([...], "제목")`). 실제 모델로 확인했더니 예전 순서에서는 모델이 순서를 바꿔 써서 화면이 비었어요.

## 2026-10-19 · v0.10.0

### 새 기능: 생성형 UI (미리 보기)

- AI 모델이 dsui 컴포넌트로 화면을 만들 수 있어요. OpenUI와 json-render를 모두 지원하고, 컴포넌트는 중립 스펙으로 한 번만 정의해요. 어댑터가 두 프레임워크의 라이브러리, 카탈로그, 시스템 프롬프트로 바꿔 줘요. `gen-ui` 항목 하나로 설치하고(`npx shadcn@latest add .../r/gen-ui.json`), 먼저 Button, Input, Alert, Badge, MetricCard, Card 여섯 컴포넌트로 열었어요. 자세한 것은 [생성형 UI](/docs/genui)에서 봐요.

### 개선: 새 첫 화면

- `/`가 히어로가 있는 첫 화면으로 바뀌었어요. dsui를 한 페이지로 요약하고, 이번 업데이트를 소개해요. 예전 소개 글은 [소개](/docs/introduction)에서 그대로 볼 수 있고, `/index.md`는 같은 글을 계속 내려줘요.

## 2026-10-18 · v0.9.1

### 새 기능: MCP `get_skill`

- MCP 서버에 `get_skill` 도구가 생겼어요. 인자 없이 부르면 [dsui 스킬](/docs/skill)의 `SKILL.md`와 참고 파일 목록을, `file`을 주면 그 파일을 줘요. 파일을 내려받지 않고도 AI가 필요할 때 스킬을 가져가요. 도구는 이제 일곱 가지예요.

## 2026-10-18 · v0.9.0

### 새 기능: dsui 스킬

- AI 도구가 dsui로 화면을 만드는 순서와 규칙을 따르게 하는 스킬이 생겼어요. 항목 찾기와 설치, 토큰과 테마, 해요체 문구, 떠 있는 컴포넌트와 입력 필드 규칙, 조작마다 소리 하나, 모션 토큰, 한글 입력기, 끝내기 전 점검표가 들어 있어요. [dsui 스킬](/docs/skill)에서 `.claude/skills/dsui/`로 내려받아요.

### 개선: 소리와 모션 전수 점검

- 조작이 있는 컴포넌트와 블록 전부에 효과음을 연결했어요. 한 번의 조작에는 소리가 하나만 나고, 닫혀 있는 인스턴스는 바깥 누름에 소리를 내지 않아요.
- 모션 토큰에 `duration.micro`, `duration.moderate`, `delay.micro`, `delay.short`, `spring.settle`이 생겼고(CSS는 `--duration-micro`, `--duration-moderate`), 코드에 직접 쓴 숫자를 이 토큰들로 옮겼어요.

### 수정

- `TagInput`에서 한글을 입력하고 Enter를 누르면 마지막 음절이 한 번 더 들어가던 문제를 고쳤어요. 글자를 받는 컴포넌트 13곳이 입력기 조합 중에는 키를 처리하지 않아요.
- 금융 위젯 3개(`change-indicator`, `price-sparkline`, `point-pill`)를 레지스트리에서 뺐어요.

## 2026-10-17 · v0.8.1

### 개선: 흐림 효과 줄이기

- `SettingsPanel`에 `reduceBlur` 속성이 생겼어요. 켜면 유리처럼 비치는 흐림 효과(`backdrop-filter`)를 모두 꺼서, 사양이 낮은 기기에서도 서랍과 대화상자가 부드럽게 열려요.
- 사이트는 처음 방문할 때 소리와 흐림 효과를 바로 끌 수 있는 카드를 보여 줘요. 운영체제의 "투명도 줄이기" 설정도 따라가요.

## 2026-10-17 · v0.8.0

### 새 기능: 설정 패널 블록

- `SettingsPanel`은 소리(켜고 끄기, 음량), 화면 모드, 시즌 테마, 글자 크기, 움직임 줄이기를 한 서랍에 모아요. 값과 바뀔 때 부르는 함수를 속성으로 받아서 어디에 저장할지는 쓰는 쪽이 정해요.
- `SettingsGroup`으로 언어, 계정, 쿠키 설정 같은 묶음을 더 넣을 수 있어요.

### 개선: 푸터 로고

- `SiteFooter`의 브랜드 줄이 작은 마크와 글자 대신 풀 로고를 써요.

## 2026-10-17 · v0.7.0

### 새 기능: 변경 이력 블록
 
- `ChangelogFeed`가 `labels`(문구 번역), `showSubscribe`(구독 폼 끄기)를 받고, 항목의 요약과 세부 내용에 링크와 코드 표기를 쓸 수 있어요. 월 대신 버전 같은 묶음 이름을 넘겨도 돼요.
- 이 변경 이력 페이지가 `ChangelogFeed`로 바뀌었어요. 마크다운은 그대로 원본이고, 제목의 `새 기능:`, `개선:`, `수정:` 표기로 유형을 나눠 릴리스별로 묶어 보여 줘요.

### 개선: 테마 페이지

- base 테마에도 아이콘과 "소리 들어 보기"가 나와요. 모든 테마 위에 같은 일러스트 배너가 있어요.
- 색 섹션은 펼쳐 두고, 토큰 표는 접어 두는 토글로 바꿨어요.

## 2026-10-16 · v0.6.0

### 새 기능: 일러스트

- 히어로, 섹션 헤더, 카드 커버, 페이지 상단(404, FAQ, 로그인, 연락), 스플래시, 푸터 띠에 쓰는 도형 일러스트 17종과 [`Illustration`](/components) 컴포넌트를 더했어요. `animated`로 등장과 반복 움직임을 켜요.
- 일러스트도 테마가 따로 그릴 수 있어요. 직접 그린 그림이 없으면 base 그림을 그 테마의 색으로 써요. 시즌 테마 4개가 17장 중 10장을 직접 그렸어요.
- 404 블록 `NotFound`를 더했고, `AuthPanel`, `FaqSection`, `ContactSection`, `SiteFooter`는 `illustration` 속성으로 일러스트를 합성할 수 있어요.
- 앱 헤더가 마크와 글자 대신 풀 로고를 쓰고, 사이트 헤더도 스크롤하면 떠 있는 막대로 바뀌어요.

### 개선: 컨트롤 패널과 블록

- 데모의 컨트롤 패널이 컴포넌트와 블록의 실제 속성(종류, 크기, 비활성, 글자 따위)을 조절해요. 강조색과 모서리는 테마가 정하므로 패널에서 뺐고, 라이트와 다크 전환은 툴바에서 패널로 옮겼어요.
- 번호가 붙은 카드 그리드 블록 `FeatureGrid`를 더했어요. 사이트의 서비스 소개와 진행 순서가 이 블록이에요.
- 로그인 페이지가 `AuthPanel`을, 사이트의 오류 알림이 `Alert`를, 글 본문이 `Prose`를 써요.

### 개선: 주소와 버전

- 라이브러리 주소를 `/` 아래로 모았어요: 상세 `/items/<이름>`, 마크다운 `/items/<이름>.md`, 설치 `/r/<이름>.json`, AI 문서 `/llms.txt`와 `/llms-full.txt`. 예전 주소는 새 주소로 옮겨 가요.
- 변경 이력 제목에 버전을 적고, 소개 페이지에 dsui 버전(`v0.6.0`)과 현황 숫자를, 사이트 푸터에 사이트 버전을 보여 줘요.

### 새 기능: 시즌 테마

- 테마 [halloween](/themes#halloween), [seollal](/themes#seollal), [chuseok](/themes#chuseok), [christmas](/themes#christmas)를 더했어요. 색, 모션, 알림과 성공 아이콘, 제목 글꼴, 효과음 다섯 가지가 시즌에 맞게 달라져요. 테마 페이지에서 소리를 들어 볼 수 있어요.
- 테마 `aurora`와 `aurora-palette`, `aurora-gradient` 항목을 없앴어요. 이 테마를 쓰던 예전 항목 6개는 `base`로 옮겼어요.

## 2026-10-15 · v0.5.0

### 개선: 사이트 개편

- devs7udio 사이트의 머리글, 푸터, 콘텐츠 페이지를 dsui 컴포넌트로 다시 만들었어요.
- 스튜디오 소개, 서비스, 문의 창구, 스플래시 화면을 열었어요. 서비스에 AI 컨설팅과 업무 자동화를 더했어요.
- 라이브러리 홈을 [dsui](/)로 옮겼어요.

### 새 기능: 레지스트리 공개

- 컴포넌트와 블록을 shadcn 레지스트리로 공개했어요. 이제 `npx shadcn@latest add https://devs7udio.vercel.app/r/<이름>.json`으로 설치할 수 있어요.
- 테마 [base](/themes#base)와 [aurora](/themes#aurora)도 `/r`로 설치할 수 있어요.
- 컴포넌트 105개와 블록 22개, 모두 127개 항목에 움직이는 데모를 붙였어요. 데모가 없는 항목은 미리보기 칸을 숨겨요.
- 127개 항목에 한국어와 영어 제목, 한 줄 요약을 달았어요.

### 개선: 문구와 입력 필드

- 컴포넌트, 블록, 데모의 문구를 해요체로 바꿨어요.
- 입력 필드는 포커스를 받으면 면을 강조색으로, 오류일 때 위험 색으로 채워요. 비밀번호 강도, 인라인 편집, 단축키 입력 같은 필드도 같은 규칙을 따라요.
- 머리글, 푸터, 비교표 블록에 devs7udio 로고와 이름을 넣었어요.

### 개선: 정리

- dsui와 상관없는 예전 기능(이력서, 뉴스, 프로젝트 보드, 컬렉션, 비포·애프터 사례)을 걷어 냈어요.

## 2026-10-14 · v0.4.0

### 새 기능: 컴포넌트와 블록 대거 추가

- 토큰 기반 컴포넌트 105개와 블록 22개를 들였어요. 입력, 겹침 층, 데이터 표시, 차트가 모두 들어 있어요.
- 차트는 브랜드 계열 색(`--series-*`)을 써요.
- 항목 종류 이름 "컴포짓"을 "블록"으로 바꿨어요.

### 새 기능: 사운드와 테마 역할

- 효과음 11개를 넣고 버튼, 탭, 스위치, 대화상자, 토스트 같은 컴포넌트에 연결했어요.
- 테마가 아이콘, 사운드, 모션을 역할별로 바꾸고 물려받을 수 있게 했어요.
- 서체를 Pretendard Variable로 바꾸고, 테마가 서체, 모서리, 그림자도 물려받게 했어요.

### 개선: 모양 다듬기

- 기본 버튼을 브랜드 파랑으로 바꾸고 노랑 강조 변형을 더했어요. 블록 안의 주요 버튼도 파랑이에요.
- 버튼 글자 크기가 버튼 크기를 따라가요.
- 메뉴, 툴팁 같은 떠 있는 컴포넌트는 테두리를 채움 색과 같게 했어요. 툴팁은 작은 점으로 가리키는 대상을 표시해요.
- 푸터에 사용한 오픈소스와 효과음의 출처를 적었어요.

## 2026-10-12 · v0.3.0

### 개선: 토큰 정리

- `--ds-*` 토큰을 Figma 디자인 파일의 변수와 맞췄어요.
- 따로 있던 devs7udio 브랜드 테마를 [base](/themes#base)에 합쳤어요.

## 2026-10-08 · v0.2.0

### 새 기능: 새 항목

- 프로필 머리, 포인트 알약, 반전 배너, 혜택 요약, 펼침 행 같은 컴포넌트를 더했어요.
- 멤버십 혜택 카드와 주식 위젯 카드 블록, 그 안에서 쓰는 등락 표시와 시세 스파크라인을 더했어요.
- 한국 시장 색(상승은 빨강, 하락은 파랑) 토큰을 더했어요. 색만으로 뜻을 전하지 않도록 화살표도 함께 써요.

### 개선: 테마와 접근성

- [aurora](/themes#aurora) 라이트 모드의 강조색 위 글자가 WCAG AA 대비를 넘도록 고치고, 테마 대비를 검사하는 장치를 넣었어요.
- 낮은 면 위에서도 읽히도록 라이트 모드의 성공 색을 진하게 했어요.

### 새 기능: AI가 읽는 문서

- `/llms.txt`와 `/llms-full.txt`를 열었어요.
- 썸네일을 바탕으로 항목마다 화면 설명을 붙여 검색이 더 잘 찾게 했어요.

## 2026-10-07 · v0.1.0

### 새 기능: MCP 서버

- 읽기 전용 MCP 서버를 `/api/mcp`에 열었어요. API 키와 요청 한도로 보호해요.
- 내 컴퓨터에서 돌리는 stdio 서버를 더했어요.
- 셰이더와 모션 항목을 Figma로 보내는 데이터를 만들었어요.

### 새 기능: 항목 페이지

- 항목 상세 페이지에 소스, 이 항목을 쓰는 조합, 복사와 공유, 마크다운 보기를 넣었어요.