Skip to main content

첫 프로젝트 만들기

Careti 어떻게 동작하는지 직접 체험해 보세요. 이 튜토리얼은 1분 안에 웹사이트를 만드는 과정을 안내합니다. Careti 요구사항을 이해하고, 파일을 만들고, 피드백에 따라 반복하는 흐름을 자연스러운 대화로 경험할 수 있습니다.

이 가이드를 끝내면 실제로 동작하는 웹사이트를 만들고, Careti 사용의 기본을 익히게 됩니다.

준비 사항

1단계: Careti 열기

에디터 사이드바(왼쪽)에서 Careti 아이콘을 클릭하면 채팅 패널이 열립니다.

ℹ️Info

빠른 팁: Cmd+Shift+P(Mac) 또는 Ctrl+Shift+P(Windows/Linux)에서 "Careti: Open In New Tab"을 검색해 열 수도 있습니다.

2단계: 작업 요청하기

다음 프롬프트를 Careti 채팅에 복사해 붙여 넣으세요:

Create a simple website in a single HTML file. It should have:
- A welcome message saying "Hello from 캐러티!"
- A colorful gradient background
- A button that cycles through different color themes when clicked
- Modern, clean design
- All CSS and JavaScript should be included in the same HTML file
캐러티 Chat Prompt

Enter를 누르면 Careti 작업을 시작합니다.

3단계: 다음에 일어나는 일

Careti 다음을 수행합니다:

  1. 단일 파일 생성

    • index.html (CSS/JS 포함)
  2. 승인 요청 (자동 승인 설정이 없을 때)

    • "Approve"를 눌러 파일 생성 허용
    • 실행 계획을 먼저 검토 가능
  3. 작업 완료

    • 몇 초 내에 완료

4단계: 웹사이트 확인

Careti 작업이 끝나면:

  1. 파일 탐색기에서 index.html 찾기
  2. 우클릭 후 다음 중 선택:
    • "Reveal in Finder/Explorer" → 브라우저로 열기
  3. 버튼을 클릭해 테마가 바뀌는지 확인

변경 시도하기

같은 대화에서 아래처럼 요청해 보세요:

Add a counter that shows how many times the button has been clicked

또는

Make the welcome message fade in when the page loads

Careti 이전 대화의 컨텍스트를 이해하고 파일을 업데이트합니다.

💡Tip

이제 다음을 할 수 있습니다:

  • 명확한 프롬프트로 작업 요청
  • Careti 작업을 검토하고 승인
  • 빠르게 프로젝트 생성
  • 기존 결과를 기반으로 반복 개선

다음 단계

이제 Careti 기본 사용을 익혔습니다. 다음 기능도 살펴보세요:

@ 멘션

파일, 폴더, URL을 프롬프트에서 직접 참조

Plan & Act 모드

복잡한 작업에서 계획과 실행을 구분해 진행

캐러티 규칙

프로젝트 전용 가이드라인 설정

프롬프트 가이드

더 나은 프롬프트 작성법 익히기

도움이 필요하신가요?

  • 막혔나요? 채팅에서 /new로 새 세션 시작
  • 버그를 발견했나요? /reportbug로 알려주세요
  • 질문이 있나요? Discord 커뮤니티에서 질문하세요