Sonner·Vaul을 만든 디자인 엔지니어 에밀 코왈스키(Emil Kowalski)가 공개한 애플 디자인 스킬 5개, 설치부터 사용법까지 이 페이지 하나로 끝냅니다. 위에서 아래로 순서대로 따라 하면 10분이면 충분해요.

👇 목차를 누르면 해당 단계로 바로 이동해요.

<aside> 💡

</aside>

<aside> 💡 이미 터미널을 쓰고 계신 분 — STEP 2의 명령어 한 줄만 복사해 붙여넣으면 끝나요. 처음이신 분은 STEP 0부터 순서대로 따라오세요.

</aside>

🧰 STEP 0. 터미널 열기

이번 가이드의 명령어는 전부 '터미널(명령어 창)'에 붙여넣어요. 먼저 터미널부터 열어볼게요.

맥 : cmd + 스페이스바 → "터미널" 입력 → 엔터 윈도우 : 시작 버튼 → "PowerShell" 입력 → 엔터

글자만 있는 까만(또는 하얀) 창이 하나 뜨면 그게 터미널이에요.

<aside> 💬 클로드 코드나 커서를 이미 쓰고 계시다면, 늘 명령어를 치던 바로 그 창이 터미널이에요. 그 창을 그대로 쓰면 됩니다.

</aside>

1️⃣ STEP 1. Node.js가 있는지 확인

스킬 설치 명령어는 'Node.js'라는 무료 프로그램이 컴퓨터에 깔려 있어야 작동해요. 이미 있을 수 있으니, 터미널에 아래를 붙여넣고 엔터를 눌러 먼저 확인해 보세요.

node --version

<aside> ✅ v22.11.0 처럼 버전 숫자가 나온다면 → 준비 완료예요. STEP 1-1은 건너뛰고 바로 STEP 2로 가세요.

</aside>

<aside> ❌ "command not found" 같은 오류가 난다면 → Node.js가 없는 거예요. 바로 아래 STEP 1-1을 따라 설치해 주세요. 무료입니다.

</aside>

📦 STEP 1-1. Node.js 설치 — 없는 분만

공식 사이트 nodejs.org/ko/download 에 접속하세요.

<aside> ⚠️ 여기서 다들 한 번씩 헤매요. 페이지에 들어가면 검은 명령어 박스가 가장 먼저 보이는데, 그건 개발자용 방식이라 무시하면 됩니다. 조금만 아래로 내리면 초록색 설치 버튼이 있어요.

</aside>

맥(Mac)이라면