워크스페이스 실습
학습 목표
Playground로 빠르게 아이디어를 테스트할 수 있다(현재 제거된 기능)- 여러 워크스페이스를 만들고 전환할 수 있다
- Inbox로 대화 상태를 관리할 수 있다
1. 실습 개요
이 실습에서는 워크스페이스와 Playground를 활용하여 여러 프로젝트를 효율적으로 관리하는 방법을 배웁니다.
1.1 실습 목표
| 단계 | 목표 |
|---|---|
| 3단계 | 두 번째 워크스페이스 생성 |
| 4단계 | 여러 워크스페이스 전환하며 작업 |
| 5단계 | Inbox로 대화 관리 |
2. 1단계: Playground로 아이디어 테스트
⚠️ 기능 변경 안내
Playground 기능은 현재 제거되었습니다. 아래 내용은 참고용으로 유지됩니다. 동일한 작업은 임시 폴더를 만들어 워크스페이스로 여는 방식으로 가능합니다.
2.1 Playground 시작하기
먼저 Playground에서 간단한 아이디어를 테스트해봅니다.
- Agent Manager 열기 (
Cmd/Ctrl + E) - "Start Conversation" 탭으로 이동 (Playground)
- 입력창에 다음 메시지 입력
간단한 카운터 앱을 만들어주세요.
버튼을 클릭하면 숫자가 1씩 증가하는 기능이요.
HTML, CSS, JavaScript로 만들어주세요.
- Agent가 작업을 시작합니다.
그림 8-12: Playground에서 아이디어 테스트
2.2 결과 확인
Agent가 완료되면
- 생성된 파일 확인
- Browser로 결과 테스트
그림 8-13: Agent가 생성한 파일 확인
3. 2단계: 작업을 워크스페이스로 저장
⚠️ 기능 변경 안내
Playground의 Move 기능은 현재 제거되었습니다. 아래 내용은 참고용으로 유지됩니다.
결과가 마음에 들면 정식 워크스페이스로 저장합니다.
3.1 워크스페이스로 이동
- Playground 상단 바에서 "Move to folder" 클릭
- 저장할 위치 선택 (예:
~/Documents/projects/) - 새 폴더 생성:
counter-app - "Move" 버튼 클릭
3.2 저장 확인
- 왼쪽 사이드바에
counter-app워크스페이스가 추가됨 - 대화 내용과 파일이 모두 유지됨
💡 팁
Playground에서 만든 작업이 마음에 들지 않으면 저장하지 않고 닫아도 됩니다. 부담 없이 다양한 시도를 해보세요!
4. 3단계: 두 번째 워크스페이스 생성
4.1 새 워크스페이스 열기
이번에는 처음부터 워크스페이스를 만들어봅니다.
- 왼쪽 사이드바에서 "+ Open Workspace" 버튼 클릭
- 폴더 선택 대화상자에서 새 폴더 생성:
memo-app - 해당 폴더 선택
4.2 워크스페이스에서 대화 시작
memo-app워크스페이스가 선택된 상태 확인- 워크스페이스 이름 옆 "+" 버튼 클릭하여 새 대화 시작
- 다음 메시지 입력
간단한 메모 앱을 만들어주세요.
- 메모 추가
- 메모 삭제
- 메모 목록 표시
HTML, CSS, JavaScript로 만들어주세요.
그림 8-16: 두 번째 워크스페이스에서 작업
5. 4단계: 워크스페이스 전환하며 작업
5.1 워크스페이스 전환
이제 두 개의 워크스페이스가 있습니다.
counter-appmemo-app
왼쪽 사이드바에서 워크스페이스를 클릭하여 전환할 수 있습니다.
5.2 각 워크스페이스에서 추가 작업
counter-app 워크스페이스
- 사이드바에서
counter-app클릭 - 기존 대화 선택 또는 새 대화 시작
- 아래와 같이 요청해보세요.
카운터에 리셋 버튼을 추가해주세요.
memo-app 워크스페이스
- 사이드바에서
memo-app클릭 - 대화 선택
- 아래와 같이 요청해보세요.
메모 내용을 편집할 수 있게 해주세요.
그림 8-17: 워크스페이스 전환 작업
5.3 대화 목록 확인
각 워크스페이스를 클릭하면 해당 워크스페이스의 모든 대화가 표시됩니다.
6. 5단계: Inbox로 대화 관리
6.1 Inbox 열기
- Agent Manager에서 "Inbox" 탭 클릭
- 모든 워크스페이스의 대화가 한눈에 표시됨
6.2 대화 상태 확인
| 상태 | 의미 |
|---|---|
| 진행 중 | Agent가 현재 작업 중 |
| 완료 | 작업이 완료됨 |
| Pending | 사용자 승인 대기 중 |
6.3 Pending 필터 사용
- "Pending" 스위치 활성화
- 승인이 필요한 대화만 표시됨
- 대화 클릭하여 승인 또는 거절
6.4 대화 검색
- 검색창에 워크스페이스 이름 또는 대화 제목 입력
- 관련 대화 필터링
그림 8-20: Inbox에서 대화 검색
7. 실습: 직접 해보기
7.1 연습 1: Playground 활용 (현재 제거된 기능)
다음 아이디어를 Playground에서 테스트해보세요.
랜덤 명언을 보여주는 웹 페이지를 만들어주세요.
버튼을 클릭하면 새로운 명언이 표시됩니다.
Playground에서 시작- 결과 확인
마음에 들면 워크스페이스로 저장
대안: 임시 폴더를 만들어 워크스페이스로 열고 위 요청을 Agent에게 보내보세요.
7.2 연습 2: 여러 대화 관리
하나의 워크스페이스에서 여러 대화를 시작해보세요.
- 첫 번째 대화: 기본 기능 개발
- 두 번째 대화: 스타일 개선
- 세 번째 대화: 추가 기능
각 대화가 독립적으로 유지되는지 확인하세요.
7.3 연습 3: Inbox 활용
- 여러 워크스페이스에서 작업 진행
- Inbox에서 모든 대화 확인
- Pending 필터로 승인 필요한 항목 확인
8. 실습 정리
이 실습에서 경험한 워크스페이스 활용 흐름은 아래와 같습니다.
워크스페이스 생성
↓
Agent에게 작업 요청
↓
여러 워크스페이스로 프로젝트 분리
↓
Inbox로 전체 대화 관리
8.1 핵심 포인트
| 포인트 | 설명 |
|---|---|
| 프로젝트 분리 | 각 프로젝트를 별도 워크스페이스로 |
| Inbox 활용 | 여러 대화를 한눈에 관리 |
9. 문제 해결
9.1 워크스페이스가 보이지 않아요
- 사이드바가 접혀있는지 확인
- 폴더를 선택했는지 확인
9.2 Playground 작업이 사라졌어요 (현재 제거된 기능)
Playground는 저장하지 않으면 닫을 때 삭제됩니다중요한 작업은 반드시 "Move to folder"로 저장하세요
9.3 대화를 찾을 수 없어요
- Inbox에서 검색 기능 사용
- 워크스페이스 이름으로 필터링
10. 다음 단계
워크스페이스 관리 방법을 익혔다면, 다음 챕터에서 Agent를 더 효과적으로 활용하는 방법을 배워봅시다.
좋은 프롬프트 작성법