시스템 설계 모드
시스템 설계 모드는 아키텍처 질문에 최적화된 Whisperer의 특별한 응답 형식입니다. 텍스트 다이어그램, 컴포넌트 스키마, 아키텍처 결정 사항에 대한 설명이 포함된 구조화된 답변을 제공합니다. 기술 면접이나 시스템 설계 논의 시 없어서는 안 될 기능입니다.
Start, Pro, Max 플랜에서 사용할 수 있습니다.
언제 사용하나요
- 시스템 설계 면접에서: "Twitter를 설계하세요", "URL 단축기를 어떻게 만들겠습니까".
- 팀과 아키텍처를 논의할 때: 단순한 텍스트가 아니라 구조화된 답변이 필요할 때.
- 빠른 힌트가 아니라 근거가 포함된 상세한 솔루션이 필요할 때.
활성화 방법
방법 1 — 오버레이의 버튼:
- Whisperer CommandBar에서 "System Design" 버튼을 클릭합니다.
- 질문을 입력하거나 비워 둡니다 — Whisperer가 스텐로그램에서 맥락을 가져옵니다.
- Enter 또는 "보내기"를 누릅니다.
방법 2 — 키보드 단축키:
/app/hotkeys(macOS) 또는 클라이언트 설정(Windows)에서 시스템 설계용 단축키를 구성합니다.
📸 [스크린샷: CommandBar의 "System Design" 버튼과 AnswerArea에 표시된 구조화된 응답 예시]
응답은 어떻게 보이나요
시스템 설계 모드 응답에는 다음이 포함됩니다:
- 요구사항 명확화 (기능 / 비기능 요구사항).
- 규모 추정 (QPS, 데이터 양, 사용자 수).
- 아키텍처 다이어그램, 텍스트 다이어그램 형태로 제공.
- 컴포넌트 설명 및 그들 간의 상호작용.
- 트레이드오프.
다이어그램
macOS: 다이어그램이 AnswerArea에 인터랙티브 SVG 스키마로 직접 렌더링됩니다.
Windows: 다이어그램이 포맷된 코드로 표시됩니다 — 복사하여 호환되는 도구(예: mermaid.live)에 붙여넣을 수 있습니다.
📸 [스크린샷: 시스템 설계 모드의 다이어그램 예시 — 마이크로서비스 아키텍처 스키마]
자주 발생하는 오류
| 오류 | 원인 | 해결 방법 |
|---|---|---|
| "시스템 설계 모드를 사용할 수 없음" | Free 플랜에는 이 기능이 포함되지 않음 | Start 이상으로 업그레이드 |
| 다이어그램이 없는 응답 | 선택한 모델이 시스템 설계 형식을 지원하지 않음 | 설정에서 Claude Opus 또는 GPT-4o로 전환 |
| Windows에서 다이어그램이 코드로 표시됨 | 정상 동작입니다 (SVG 렌더러 없음) | 코드를 복사하여 mermaid.live에서 엽니다 |
| 응답이 너무 일반적임 | 모델이 충분한 맥락을 받지 못함 | 질문을 구체화하세요: 텍스트 필드에 요구사항을 추가합니다 |
모범 사례
- 요청 전에 요구사항을 소리 내어 말하세요 — Whisperer가 스텐로그램에서 이를 포착하여 답변이 더 구체적으로 됩니다.
- 복잡한 시나리오에는 프런티어 모델(Max)을 사용하세요: 구조와 트레이드오프를 더 잘 처리합니다.
- 후속 질문을 하세요: 첫 응답 후 "스토리지에 대해 더 알려줘" 또는 "큐 기반 접근 방식을 고려해줘"라고 입력하면 모델이 동일한 형식으로 이어갑니다.
- 면접에서는 답변을 그대로 읽지 마세요: 그것을 계획으로 삼고 자신의 말로 설명하세요.