Bolt.New: AI가 코드 작성과 배포를 자동 처리

Bolt.New: AI가 코드 작성과 배포를 자동 처리 141

AI 기반 풀스택 웹 개발 도구로, AI가 코드 작성, 실행, 배포까지 자동 처리합니다. 사용자는 브라우저에서 바로 프롬프트를 입력하고, 전체 스택 애플리케이션을 실행, 편집, 배포할 수 있어 로컬 환경 설정이 필요 없습니다.

#Ai工具箱 #Ai编程建站

Bolt.New: AI가 코드 작성과 배포를 자동 처리소개

Bolt.New는 AI 기반의 풀스택 웹 개발 도구로, 코드 자동 작성, 자동 실행 및 자동 배포를 도와주며, 사용자는 브라우저에서 바로 프롬프트를 입력하고, 실행, 편집 및 풀스택 애플리케이션 배포까지 모두 브라우저 내에서 완료할 수 있어 로컬 설정이 필요 없습니다. 사용자는 복잡한 개발 환경 설정 없이 브라우저에서 코드 작성부터 애플리케이션 배포까지의 모든 단계를 완료할 수 있습니다.

7ca79011-981d-41ed-bf01-e4945173ecd2.webp

Bolt.New 주요 기능:

설치 없이 바로 사용, 즉시 시작 가능

  • 사용자는 Bolt.new에 접속하여 로그인만 하면 즉시 프로젝트 제작을 시작할 수 있습니다.

  • 어떤 소프트웨어도 다운로드하거나 설정할 필요가 없어 컴퓨터 조작에 익숙하지 않은 사용자에게 매우 적합합니다.

대화형 개발: 자연어로 코드 생성

  • AI 기술을 통해 사용자는 자연어로 요구사항을 설명할 수 있습니다. 예를 들어: "회원 가입 기능이 있는 블로그 시스템을 구축해 주세요."

  • AI가 필요한 프런트엔드, 백엔드 및 데이터베이스 코드를 자동으로 생성하며, 피드백에 따라 코드를 실시간으로 업데이트할 수 있습니다.

원클릭 배포: 손쉽게 프로젝트上线

  • 코드 생성이 완료된 후 "Deploy" 버튼만 클릭하면 Bolt.new가 프로젝트를 클라우드에 배포합니다.

  • 지원되는 배포 플랫폼에는 Netlify와 Cloudflare가 포함되어 성능이 안정적이고 사용자 경험이 원활합니다.

GitHub 자동 동기화: 더 편리한 프로젝트 관리

  • GitHub 계정으로 로그인하면 프로젝트의 모든 수정 사항이 실시간으로 저장되어 GitHub 저장소에 동기화됩니다.

  • 이후 버전 관리 및 팀 협업에 편리합니다.

다양한 프로그래밍 언어 및 프레임워크 지원:

  • React, Next.js, Remix, SvelteKit 등 인기 프레임워크 및 Vite 등 다양한 툴체인과 호환됩니다.

Bolt.New 사용 방법은?

가입 및 로그인:

  • Bolt.new에 접속

  • 계정을 생성하고 이메일을 통해 활성화 확인을 진행합니다.

  • 로그인 후 새로운 프로젝트 생성을 시작할 수 있습니다.

프로젝트 생성:

  • 프로젝트 요구사항을 설명합니다. 예를 들어: "간단한 할 일 목록 앱을 만들어 주세요."

  • AI가 설명에 따라 해당 코드 구조 및 기본 기능 모듈을 생성합니다.

코드 수정 및完善:

  • 브라우저 내의 에디터에서 직접 생성된 코드를 확인하고 수정합니다.

  • 효과를 실시간으로 미리 보고 만족할 때까지 조정합니다.

프로젝트 배포:

  • 개발이 완료된 후 오른쪽 사이드바에서 "Deploy" 버튼을 클릭합니다.

  • 대상 배포 플랫폼(예: Netlify)을 선택하고 안내에 따라 배포 절차를 완료합니다.

  • 프로젝트 링크를 받아 다른 사람과 공유합니다.

Bolt.New.webp

국내 사용 상황:

네트워크 이유로 일부 국내 사용자는 접속에 어려움을 겪을 수 있습니다. 국내에서 bolt.new를 더 잘 사용하기 위해 다음과 같은 측면을 고려할 수 있습니다:

VPN 또는 프록시: VPN 또는 프록시 서버를 사용하여 해외 리소스에 접속함으로써 bolt.new 공식 웹사이트를 원활하게 열 수 있습니다.

미러 사이트: 공식 또는 기타 신뢰할 수 있는 기관이 유지 관리하는 국내 미러 사이트가 있는지 확인하여 더 빠르고便捷하게 접속 및 서비스를 이용할 수 있습니다.

로컬 배포:

조건과 기술적 배경이 있다면 오픈 소스 버전을 클론하여 로컬 환경에서 실행할 수 있으며, 단계는 다음과 같습니다:

# Node.js 및 pnpm 설치

npm install pnpm -g

# 코드 다운로드

git clone https://github.com/little51/bolt.new.local.git

cd bolt.new.local

# 의존성 라이브러리 설치

pnpm install

# LLMs 서비스 설정

# .env 파일을 편집하여 필요한 매개변수 기입

VITE_LLM_PROVIDER=OpenAI

VITE_OPENAI_BASE_URL=https://your-openai-api-url/v1

VITE_OPENAI_API_KEY=YOUR_API_KEY

VITE_OPENAI_MODEL_NAME=gpt-4

# 개발 서버 시작

pnpm run dev

# http://localhost:8501 접속

Bolt.New 사용 시나리오

  • 신속한 프로토타입 개발

  • 프로그래밍 교육 및 학습

  • 소규모 프로젝트의 빠른上线

Bolt.new는 강력한 풀스택 개발 도구로서, 특히 비프로그래머와 개발 속도를 높이고자 하는 전문 개발자에게 적합하며, 사용자는 짧은 시간 내에 고품질의 애플리케이션을 생성하고 배포할 수 있습니다.

관련 정보:

14款 AI 编程助手推荐,可智能编写和生成代码!

AI 编程助手

Bolt.New: AI가 코드 작성과 배포를 자동 처리 와 관련된 도구