본문 바로가기

  • 교재 소개

  • 8장 워크스페이스 관리

  • 8.2 워크스페이스 실습

워크스페이스 실습

학습 목표

  • Playground로 빠르게 아이디어를 테스트할 수 있다 (현재 제거된 기능)
  • 여러 워크스페이스를 만들고 전환할 수 있다
  • Inbox로 대화 상태를 관리할 수 있다

1. 실습 개요

이 실습에서는 워크스페이스와 Playground를 활용하여 여러 프로젝트를 효율적으로 관리하는 방법을 배웁니다.

1.1 실습 목표

단계목표
1단계Playground에서 빠르게 아이디어 테스트 (현재 제거된 기능)
2단계Playground 작업을 워크스페이스로 저장 (현재 제거된 기능)
3단계두 번째 워크스페이스 생성
4단계여러 워크스페이스 전환하며 작업
5단계Inbox로 대화 관리

2. 1단계: Playground로 아이디어 테스트

⚠️ 기능 변경 안내

Playground 기능은 현재 제거되었습니다. 아래 내용은 참고용으로 유지됩니다. 동일한 작업은 임시 폴더를 만들어 워크스페이스로 여는 방식으로 가능합니다.

2.1 Playground 시작하기

먼저 Playground에서 간단한 아이디어를 테스트해봅니다.

  1. Agent Manager 열기 (Cmd/Ctrl + E)
  2. "Start Conversation" 탭으로 이동 (Playground)
  3. 입력창에 다음 메시지 입력
간단한 카운터 앱을 만들어주세요.
버튼을 클릭하면 숫자가 1씩 증가하는 기능이요.
HTML, CSS, JavaScript로 만들어주세요.
  1. Agent가 작업을 시작합니다.

Playground 시작 그림 8-12: Playground에서 아이디어 테스트

2.2 결과 확인

Agent가 완료되면

  1. 생성된 파일 확인
  2. Browser로 결과 테스트

생성된 파일 확인 그림 8-13: Agent가 생성한 파일 확인

3. 2단계: 작업을 워크스페이스로 저장

⚠️ 기능 변경 안내

Playground의 Move 기능은 현재 제거되었습니다. 아래 내용은 참고용으로 유지됩니다.

결과가 마음에 들면 정식 워크스페이스로 저장합니다.

3.1 워크스페이스로 이동

  1. Playground 상단 바에서 "Move to folder" 클릭
  2. 저장할 위치 선택 (예: ~/Documents/projects/)
  3. 새 폴더 생성: counter-app
  4. "Move" 버튼 클릭

3.2 저장 확인

  • 왼쪽 사이드바에 counter-app 워크스페이스가 추가됨
  • 대화 내용과 파일이 모두 유지됨

💡 팁
Playground에서 만든 작업이 마음에 들지 않으면 저장하지 않고 닫아도 됩니다. 부담 없이 다양한 시도를 해보세요!

4. 3단계: 두 번째 워크스페이스 생성

4.1 새 워크스페이스 열기

이번에는 처음부터 워크스페이스를 만들어봅니다.

  1. 왼쪽 사이드바에서 "+ Open Workspace" 버튼 클릭
  2. 폴더 선택 대화상자에서 새 폴더 생성: memo-app
  3. 해당 폴더 선택

4.2 워크스페이스에서 대화 시작

  1. memo-app 워크스페이스가 선택된 상태 확인
  2. 워크스페이스 이름 옆 "+" 버튼 클릭하여 새 대화 시작
  3. 다음 메시지 입력
간단한 메모 앱을 만들어주세요.
- 메모 추가
- 메모 삭제
- 메모 목록 표시
HTML, CSS, JavaScript로 만들어주세요.

두 번째 워크스페이스 그림 8-16: 두 번째 워크스페이스에서 작업

5. 4단계: 워크스페이스 전환하며 작업

5.1 워크스페이스 전환

이제 두 개의 워크스페이스가 있습니다.

  • counter-app
  • memo-app

왼쪽 사이드바에서 워크스페이스를 클릭하여 전환할 수 있습니다.

5.2 각 워크스페이스에서 추가 작업

counter-app 워크스페이스

  1. 사이드바에서 counter-app 클릭
  2. 기존 대화 선택 또는 새 대화 시작
  3. 아래와 같이 요청해보세요.
카운터에 리셋 버튼을 추가해주세요.

memo-app 워크스페이스

  1. 사이드바에서 memo-app 클릭
  2. 대화 선택
  3. 아래와 같이 요청해보세요.
메모 내용을 편집할 수 있게 해주세요.

두 번째 워크스페이스 그림 8-17: 워크스페이스 전환 작업

5.3 대화 목록 확인

각 워크스페이스를 클릭하면 해당 워크스페이스의 모든 대화가 표시됩니다.

6. 5단계: Inbox로 대화 관리

6.1 Inbox 열기

  1. Agent Manager에서 "Inbox" 탭 클릭
  2. 모든 워크스페이스의 대화가 한눈에 표시됨

6.2 대화 상태 확인

상태의미
진행 중Agent가 현재 작업 중
완료작업이 완료됨
Pending사용자 승인 대기 중

6.3 Pending 필터 사용

  1. "Pending" 스위치 활성화
  2. 승인이 필요한 대화만 표시됨
  3. 대화 클릭하여 승인 또는 거절

6.4 대화 검색

  1. 검색창에 워크스페이스 이름 또는 대화 제목 입력
  2. 관련 대화 필터링

대화 검색 그림 8-20: Inbox에서 대화 검색

7. 실습: 직접 해보기

7.1 연습 1: Playground 활용 (현재 제거된 기능)

다음 아이디어를 Playground에서 테스트해보세요.

랜덤 명언을 보여주는 웹 페이지를 만들어주세요.
버튼을 클릭하면 새로운 명언이 표시됩니다.
  • Playground에서 시작
  • 결과 확인
  • 마음에 들면 워크스페이스로 저장

대안: 임시 폴더를 만들어 워크스페이스로 열고 위 요청을 Agent에게 보내보세요.

7.2 연습 2: 여러 대화 관리

하나의 워크스페이스에서 여러 대화를 시작해보세요.

  1. 첫 번째 대화: 기본 기능 개발
  2. 두 번째 대화: 스타일 개선
  3. 세 번째 대화: 추가 기능

각 대화가 독립적으로 유지되는지 확인하세요.

7.3 연습 3: Inbox 활용

  1. 여러 워크스페이스에서 작업 진행
  2. Inbox에서 모든 대화 확인
  3. Pending 필터로 승인 필요한 항목 확인

8. 실습 정리

이 실습에서 경험한 워크스페이스 활용 흐름은 아래와 같습니다.

워크스페이스 생성
    ↓
Agent에게 작업 요청
    ↓
여러 워크스페이스로 프로젝트 분리
    ↓
Inbox로 전체 대화 관리

8.1 핵심 포인트

포인트설명
Playground 활용부담 없이 아이디어 테스트 (현재 제거된 기능)
프로젝트 분리각 프로젝트를 별도 워크스페이스로
Inbox 활용여러 대화를 한눈에 관리

9. 문제 해결

9.1 워크스페이스가 보이지 않아요

  • 사이드바가 접혀있는지 확인
  • 폴더를 선택했는지 확인

9.2 Playground 작업이 사라졌어요 (현재 제거된 기능)

  • Playground는 저장하지 않으면 닫을 때 삭제됩니다
  • 중요한 작업은 반드시 "Move to folder"로 저장하세요

9.3 대화를 찾을 수 없어요

  • Inbox에서 검색 기능 사용
  • 워크스페이스 이름으로 필터링

10. 다음 단계

워크스페이스 관리 방법을 익혔다면, 다음 챕터에서 Agent를 더 효과적으로 활용하는 방법을 배워봅시다.

좋은 프롬프트 작성법