고급 기능
Chat 모드의 고급 기능들을 자세히 알아봅니다.
Artifact 라이프사이클
자연어 요청으로
코드·HTML·SVG·
문서 아티팩트 생성
"대시보드 HTML 만들어줘"
대화로 반복 수정,
이전 버전 비교·
복원 가능
v1 → v2 → v3 …
복사·다운로드·
게시(공개 URL)
로 팀과 공유
URL 공유 → 누구나 열람
프로젝트에 추가,
템플릿화해서
다음 작업에 활용
지식 베이스에 저장
팁: 수정 요청 시 "v2를 기반으로 수정해줘"처럼 버전을 명시하면 원하는 분기점에서 재작업할 수 있습니다.
팁: HTML 아티팩트 게시 시 인터랙티브 기능이 그대로 동작하여 Claude 계정 없이도 공유 가능합니다.
프로젝트 활용
프로젝트 지침 설정
프로젝트 지침(Custom Instructions)을 설정하면 매 대화마다 반복적인 설명을 하지 않아도 됩니다.
좋은 프로젝트 지침 예시:
이 프로젝트는 React + TypeScript 기반의 이커머스 앱입니다.
- 코드는 TypeScript로 작성합니다
- 스타일링은 Tailwind CSS를 사용합니다
- 상태 관리는 Zustand를 사용합니다
- API 통신은 React Query를 사용합니다
- 응답은 한국어로 합니다
프로젝트 지침 템플릿
용도에 따라 다음 템플릿을 참고하세요:
소프트웨어 개발 프로젝트:
# 프로젝트 개요
[프로젝트명]: [간단한 설명]
# 기술 스택
- 언어: [예: TypeScript 5.x]
- 프레임워크: [예: Next.js 14 (App Router)]
- 스타일링: [예: Tailwind CSS + shadcn/ui]
- 데이터베이스: [예: PostgreSQL + Prisma]
- 배포: [예: Vercel]
# 코딩 컨벤션
- 네이밍: camelCase (변수/함수), PascalCase (컴포넌트/타입)
- 파일 구조: feature-based (기능 기반)
- 에러 핸들링: try-catch + custom Error 클래스
- 테스트: Vitest + React Testing Library
# 응답 규칙
- 한국어로 응답
- 코드에 JSDoc 주석 포함
- 변경 사항에 대한 이유를 항상 설명
콘텐츠 제작 프로젝트:
# 프로젝트 개요
기술 블로그 콘텐츠 제작
# 타겟 독자
- 주니어~미드 레벨 개발자
- 한국어 사용자
# 글쓰기 규칙
- 문체: 친근하지만 전문적인 '~입니다' 체
- 기술 용어: 영어 원문 병기 (예: 상태 관리(State Management))
- 코드 예시: 항상 실행 가능한 코드 포함
- 분량: 섹션당 300~500자
- 구조: 도입 → 개념 설명 → 실습 예제 → 정리
프로젝트 파일 활용
프로젝트에 파일을 추가하면 해당 프로젝트의 모든 대화에서 참조할 수 있습니다:
- API 문서: API 스펙 문서를 추가하면 정확한 엔드포인트와 파라미터를 참조
- 코딩 가이드라인: 팀의 코딩 컨벤션 문서를 추가하면 일관된 코드 생성
- 디자인 시안: 이미지 파일을 추가하면 디자인에 맞는 코드 생성
- 기존 코드: 프로젝트의 핵심 파일을 추가하면 기존 패턴에 맞는 코드 생성
파일을 추가할 때 우선순위를 고려하세요. Claude는 프로젝트 지침을 가장 먼저 참조하고, 그 다음 첨부 파일을 참조합니다. 가장 중요한 규칙은 프로젝트 지침에, 참고 자료는 파일로 추가하세요.
팀 공유 및 협업
Team 플랜에서는 프로젝트를 팀원과 공유할 수 있습니다:
- 공유 지침: 팀 전체가 동일한 프로젝트 지침을 사용
- 공유 파일: 팀 공통 참고 자료를 한 곳에서 관리
- 독립적 대화: 각 팀원이 자신만의 대화를 진행하되, 동일한 컨텍스트 유지
아티팩트 활용
아티팩트 유형
| 유형 | 설명 | 활용 예시 |
|---|---|---|
| 코드 | 실행 가능한 코드 블록 | React 컴포넌트, Python 스크립트 |
| 문서 | Markdown 렌더링 문서 | 기술 문서, 보고서 |
| HTML | 웹 페이지 미리보기 | 랜딩 페이지, 이메일 템플릿 |
| SVG | 벡터 그래픽 | 다이어그램, 아이콘 |
| Mermaid | 다이어그램 코드 | 플로우차트, 시퀀스 다이어그램 |
아티팩트 버전 관리
아티팩트는 대화를 통해 반복적으로 수정할 수 있으며, 이전 버전과 비교할 수 있습니다:
- 수정 요청: 생성된 아티팩트에 대해 구체적인 변경 사항을 요청
- 버전 탐색: 좌우 화살표로 이전/다음 버전을 확인
- 선택적 적용: 원하는 버전의 아티팩트를 선택하여 사용
"이 컴포넌트에 다크 모드 지원을 추가해줘" → v2
"차트의 색상을 파란색 계열로 변경해줘" → v3
"이 문서에 목차를 추가해줘" → v4
"v2 버전이 더 나았어. v2를 기반으로 수정해줘" → v5 (v2 기반)
아티팩트 내보내기
생성된 아티팩트를 다양한 방법으로 활용할 수 있습니다:
| 방법 | 설명 | 활용 시나리오 |
|---|---|---|
| 복사 | 클립보드에 복사 | 에디터에 붙여넣기 |
| 다운로드 | 파일로 저장 | 프로젝트에 직접 추가 |
| 게시 | 공개 URL 생성 | 팀원과 공유, 프레젠테이션 |
아티팩트 게시(Publish) 기능을 사용하면 고유 URL이 생성되어 Claude 계정이 없는 사람에게도 공유할 수 있습니다. HTML 아티팩트는 인터랙티브하게 동작합니다.
실전 예제: 반복적 아티팩트 개선
React 컴포넌트를 여러 라운드에 걸쳐 개선하는 과정을 살펴봅니다.
라운드 1: 기본 구조 요청
"사용자 프로필 카드 컴포넌트를 React + TypeScript로 만들어줘.
프로필 이미지, 이름, 직책, 이메일을 표시하고,
Tailwind CSS로 스타일링해줘."
라운드 2: 기능 추가
"좋아, 여기에 다음을 추가해줘:
1. 온라인/오프라인 상태 표시 (초록색/회색 점)
2. '메시지 보내기' 버튼
3. 호버 시 카드 확대 애니메이션"
라운드 3: 접근성 및 반응형
"이 컴포넌트에 접근성(a11y)을 개선해줘:
- aria-label 추가
- 키보드 네비게이션 지원
- 모바일 반응형 레이아웃"
라운드 4: 테스트 코드
"이 컴포넌트의 유닛 테스트를 React Testing Library로 작성해줘.
렌더링 테스트, 버튼 클릭 테스트, 상태 변경 테스트를 포함해줘."
이처럼 한 번에 완벽한 결과를 요구하기보다, 단계적으로 기능을 추가하고 개선하는 것이 더 좋은 결과를 얻는 방법입니다.
컨텍스트 윈도우 관리 전략
컨텍스트 윈도우란?
Claude가 한 번에 참조할 수 있는 대화 내용의 크기에는 제한이 있습니다. 대화가 길어지면 초기 내용이 잘려나갈 수 있으므로, 전략적으로 관리해야 합니다.
관리 전략
| 전략 | 방법 | 적용 시점 |
|---|---|---|
| 프로젝트 지침 활용 | 항상 참조해야 할 내용을 지침에 등록 | 프로젝트 시작 시 |
| 새 대화 시작 | 주제가 바뀌면 새 대화를 시작 | 주제 전환 시 |
| 중간 요약 | 긴 대화 중 현재까지 내용 요약 요청 | 대화가 길어질 때 |
| 핵심 정보 재입력 | 중요한 컨텍스트를 새 메시지에 다시 포함 | 초기 내용이 잘릴 때 |
실전 예제: 긴 문서 분석 전략
대용량 문서를 분석할 때는 한 번에 전체를 넣기보다 전략적으로 나누어야 합니다.
방법 1: 섹션별 분석
"첨부한 기술 스펙 문서의 1장 '아키텍처 개요' 부분을 먼저 분석해줘.
핵심 설계 결정사항과 그 근거를 정리해줘."
→ 결과 확인 후
"좋아, 이제 2장 '데이터 모델' 부분을 분석해줘.
1장에서 정리한 아키텍처 결정과의 일관성도 확인해줘."
방법 2: 계층적 요약
"이 100페이지 보고서를 분석할 거야. 먼저 목차를 보고
각 장의 핵심 내용을 한 줄로 요약해줘."
→ 요약 결과를 기반으로
"3장과 5장이 우리 프로젝트와 관련이 깊어 보여.
이 두 장을 중점적으로 상세 분석해줘."
메모리와 대화 관리
효과적인 대화 관리 팁
- 하나의 대화에 하나의 주제: 여러 주제를 섞으면 Claude의 응답 품질이 떨어집니다
- 대화 제목 활용: 나중에 찾기 쉽도록 대화에 의미 있는 제목을 설정하세요
- 즐겨찾기: 중요한 대화는 즐겨찾기에 추가하여 빠르게 접근하세요
대화가 매우 길어지면 초기에 설정한 지시사항이 유실될 수 있습니다. 중요한 지시사항은 프로젝트 지침에 등록하거나, 긴 대화 중간에 다시 언급해 주세요.
키보드 단축키
| 단축키 | 기능 |
|---|---|
Enter | 메시지 전송 |
Shift + Enter | 줄바꿈 |
Cmd/Ctrl + N | 새 대화 |
Cmd/Ctrl + Shift + C | 마지막 코드 블록 복사 |
Cmd/Ctrl + / | 단축키 목록 보기 |
연계 기능
고급 기능은 다른 Claude 모드 및 기능과 연계할 때 더 강력한 워크플로가 만들어집니다.
Chat 기본 대화에서 자연스럽게 프로젝트 지침·아티팩트 기능을 더하면 반복 작업을 자동화할 수 있습니다.
예시: 기본 Chat으로 질문 → 프로젝트 지침 등록 → 이후 모든 대화에 자동 적용
Chat 고급 기능으로 초안을 정리하고, 반복적인 리서치·데이터 수집은 Cowork 모드로 자동화하세요.
예시: Artifact로 보고서 틀 완성 → Cowork에서 실제 데이터 수집·채워넣기
Chat Artifact에서 검토한 코드를 Code 모드 데스크탑 기능으로 실제 파일에 적용하고 테스트까지 연결하세요.
예시: Chat에서 React 컴포넌트 Artifact 완성 → Code 모드로 로컬 파일에 저장 → 터미널에서 테스트 실행
장점, 단점과 한계점
장점
- 프로젝트 지식 기반으로 일관된 컨텍스트: 프로젝트 지침과 파일을 한 번 설정하면 모든 대화에서 자동으로 참조되어, 매번 반복 설명 없이 일관된 응답을 받을 수 있습니다.
- 아티팩트 버전 관리: 생성된 아티팩트를 대화를 통해 반복 수정하고, 이전 버전과 비교하거나 특정 버전을 기반으로 재작업할 수 있어 점진적 개선이 용이합니다.
- 팀 공유 및 협업 지원: Team 플랜에서 프로젝트를 팀원과 공유하면 동일한 지침과 참고 자료를 기반으로 일관된 결과물을 얻을 수 있습니다.
- 커스텀 인스트럭션의 유연성: 기술 스택, 코딩 컨벤션, 응답 언어, 문체 등을 프로젝트 지침으로 세밀하게 설정하여 용도에 맞는 맞춤형 응답을 받을 수 있습니다.
단점과 한계점
- 프로젝트당 파일 개수 및 용량 제한: 프로젝트에 추가할 수 있는 파일 수와 총 용량에 제한이 있어, 대규모 코드베이스나 방대한 문서 세트를 모두 포함하기 어렵습니다.
- 아티팩트 복잡도 한계: HTML이나 코드 아티팩트가 지나치게 복잡하거나 길어지면 생성 품질이 떨어지거나 일부가 잘릴 수 있습니다. 프로덕션 수준의 복잡한 앱은 생성이 어렵습니다.
- 실시간 협업 부재: 팀 프로젝트 공유는 가능하지만, 같은 대화에서 여러 팀원이 동시에 작업하는 실시간 협업(Google Docs 방식)은 지원되지 않습니다.
- 외부 도구 연동 제한: Chat 고급 기능만으로는 외부 API 호출, 데이터베이스 연결, CI/CD 파이프라인 실행 등 외부 시스템과의 직접 연동이 불가능합니다.
프로젝트 파일 용량이 부족하면 핵심 규칙은 프로젝트 지침에 텍스트로 작성하고, 참고 자료만 파일로 추가하세요. 아티팩트가 복잡해지면 기능별로 분리하여 각각 별도의 아티팩트로 생성하는 것이 품질 유지에 효과적입니다.
다음 단계
- Cowork 모드 개요 - 백그라운드 작업 모드 알아보기
- 프롬프팅 팁 - 더 나은 답변을 얻는 방법