Bolt 사용 설명서: 기본부터 고급까지 유용한 팁과 요령

파악(종종 그림) 볼트 에 대해 알아야 할 모든 것을 담은 종합 가이드

초기 옵션은 당연해 보이지만 여전히 간과하기 쉽습니다. 선호하는 프런트엔드 프레임워크로 바로 시작할 수 있습니다.

GPT/클라우드로 큐 단어를 미리 준비하세요.

• 토큰을 많이 저장하세요.
• 소프트웨어 설계자로 활용하세요.

단서 단어의 예입니다:

1/
귀하는 소프트웨어 아키텍트입니다. 여러분의 임무는 엔지니어에게 명확하고 정확한 구현 사양을 제공하는 것입니다. 현재 기능에만 집중하고 이론적 또는 미래 고려 사항은 피하세요. 사양을 기능별로 세분화하고 사용자 스토리는 각각 200단어 이내로 작성하세요. 이렇게 하면 반복적인 개선을 보장하고 큰 언어 모델에 부담을 주지 않을 수 있습니다.

불필요한 세부 사항을 피하고 직접적이고 간결하게 설명하세요.

아무것도 출력하지 말고 입력 기능과 기술 스택을 기다리세요.

계속하려면 Enter 키를 누릅니다.

2/
(이제 GPT에서 웹 검색이 활성화되었습니다!)

다음 기술 스택을 사용합니다:

Bolt 프로젝트의 package.json 파일의 내용을 복사하여 붙여넣습니다(가장 빠른 방법).

또는 그냥 입력하세요: 저는 shadcn, tailwindcss, zod...와 함께 nextjs 14를 사용하고 있습니다.

이들에 대해 조사하고 학습하세요. 다음 단계에 필요할 것입니다:

3/
(웹 검색 비활성화)

미션:
--> 애플리케이션 설명 <--

출력:
주어진 프레임워크를 기반으로 사용자 스토리를 작성하고 시작 부분에 간단한 요약을 포함하세요. 코드를 출력하지 마세요.

코드 업데이트를 수행하는 경우 '잠금' 및 '대상'에 대해 잘 알고 있는지 확인하세요.

🔒잠금: Bolt는 이 파일을 무시하고 변경하지 않습니다.
🎯대상: 특정 파일만 변경됩니다.

이러한 규칙을 폴더에도 적용할 수 있습니다!

조만간 API를 접하게 될 것입니다.

1. 날씨 데이터 읽기
2. OpenAI와 상호 작용하기
3. Google 지도 API 사용

• .env 파일을 만들어야 합니다.
• 이 파일에 API 키를 저장합니다. (코드에서 변수 이름을 찾거나 Bolt가 알려줍니다.)

참고: 이 파일을 코드 저장소에 저장하지 마세요.

데이터베이스:

WebContainer는 전적으로 브라우저에서 실행되므로 기존 데이터베이스 설치를 지원하지 않습니다.

대신 API를 사용하여 원격 데이터베이스와 상호 작용하는 것이 좋습니다.

• Supabase(PostgreSQL)
• Turso(SQLite)
  또는 커서 그리고 거기서 실현하세요.

이는 부분적으로만 사실입니다.SQLite는 작동하지만 문제는 이 모든 작업을 Bolt에서 시작할 가치가 있는지 여부입니다.

이미지를 업로드하면 Bolt가 스타일, 색상 및 레이아웃을 복원하려고 시도합니다.

더 빠르게 편집하고 더 적게 편집하는 방법 토큰 사용:

차이점 기반 편집을 사용하면 Bolt는 작은 변경이 있을 때 전체 파일 재생성을 중지합니다.

그리고 지금 바로 차이점 기반 편집을 사용할 수 있습니다!

Bolt를 사용할 때 병목 현상이 발생하는 경우:

전혀 작동하지 않는 경우 Bolt 콘솔 또는 Chrome 개발자 콘솔을 확인하세요. 거기에서 문제를 해결하기 위해 Bolt에 제공할 유용한 정보를 찾을 수 있습니다.

console.log를 사용하여 오류를 추적하세요.

페르시아의 왕자를 기억하시나요? Bolt를 사용하여 과거로 돌아가 불만족스러운 변경 사항을 되돌릴 수 있습니다.

.cursorrules에 대해 들어보셨나요? Bolt에도 비슷한 기능이 있습니다.
방금 Bolt로 테스트했습니다.
.bolt/prompt 파일에 코딩 표준과 규칙을 추가하기만 하면 AI가 어떻게 작동해야 하는지에 대한 가이드를 얻을 수 있습니다.

Bolt는 오픈 소스입니다.
Bolt에서 사용한 전체 단서 단어는 GitHub에서 확인할 수 있습니다.