ilhae.ai

CHAPTER 03 / 11

3장. Claude Code Mod로 페인(대화 옆 영역) 만들기 ― $.ui.open과 ui.render

『Claude Code Mods 사용법: 데스크톱 앱 입문 가이드 2026』 · 김재우 · 2026년 11월 4일

Mod로 페인을 띄우려면 두 단계를 거칩니다. $.ui.open({ id })로 열고, ui.render의 { component: 'Pane' }에서 내용을 반환합니다. 열기만 해서는 아무것도 그려지지 않습니다. 연 다음에 Claude Code가 ui.render를 호출해서 "이 페인에 뭘 그릴까?"라고 물어 옵니다.…

이 장에서 다루는 것

  1. 페인이란
  2. 최소 페인
  3. 열기: $.ui.open
  4. 커맨드로 열기
  5. 그리기: ui.render와 Pane
  6. 다시 그리기가 도는 방식
  7. 폭에 맞추기
  8. 값 유지하기: 저장 위치 3가지
  9. 데스크톱에서 그릴 수 있는 것
  10. 키보드
  11. 실제 예 보기