Vibe Codeing repl.it에 유용한 것을 코딩합니다

편집자에 의한 이미지 | chatgpt

틀 소개

Vibe Coding은 수동으로 작성하는 대신 작업 코드를 생성하기 위해 자연어 프롬프트를 사용하여 코드 기반 개발에 접근하는 새로운 용어입니다. AI 조수에게 원하는 것을 설명함으로써 우리는 실행할 수있는 코드를 획득 한 다음 추가 프롬프트로 개선 할 수 있습니다. 주요 아이디어는 여전히 혜택을 얻기 위해 코드 구문을 깊이 이해할 필요가 없다는 것입니다.

종종 Chatgpt와 같은 일반적인 LLM 제품의 VIBE 코딩은 완전한 프로젝트에 조립하기 어려운 단편화 된 코드를 초래합니다. 코드가 유용 해지 기 전에 여러 번 코드를 개선해야하며 예상대로 작동하지 않으면 고급 기술이 필요할 수 있습니다. 그렇기 때문에 회사가 간단한 분위기 코딩으로 전체 코딩 프로젝트를 구성 할 수있는 AI 에이전트를 구축하는 이유입니다. 그들 중 하나입니다 대답.

이 기사에서는 Vibe 코딩을 사용하여 유용한 것을 구축하는 방법을 살펴 보겠습니다. VIBE 코딩으로 구축 할 때 고려 사항과 발생할 수있는 문제를 탐색 할 것입니다.

궁금한? 들어가자.

틀 REPLIT을 사용한 바이브 코딩

VIBE 코딩은 달성하고자하는 것에 대한 정확한 설명을 제공하는 것입니다. 프로젝트를 자세히 설명하는 프롬프트를 개발함으로써 훨씬 더 나은 결과를 얻을 수 있습니다.

그러나 VIBE 코딩을 수행하는 모든 사람이 프로그래밍에 능숙하지 않으므로 기술과 프로젝트 구조를 자세히 설명하지 못할 수도 있습니다. 이것이 우리가 간단한 프롬프트에서만 완전한 코드 프로젝트 구조를 제공하는 REPLIT와 같은 도구로 VIBE 코딩을 수행 할 수있는 이유입니다.

REPLIT를 사용하여 간단한 주가 탐색기를 만드는 작업을 수행합시다. 먼저 홈페이지로 등록하고 탐색하여 아래 이미지와 유사하게 보일 것입니다.

그런 다음 우리가 만들고 싶은 응용 프로그램에 대한 설명 프롬프트를 전달하십시오. 예를 들어, 파이썬을 기반으로 주가 탐색기를 개발하라는 프롬프트가 있습니다.

주가 탐색기라는 파이썬 기반 웹 앱을 만듭니다. 이를 통해 사용자는 주식 티커 (AAPL, MSFT 또는 BTC-USD와 같은)를 입력하고 날짜 범위를 선택하며 주가 및 기본 분석을 이동 평균 및 변동성과 같은 기본 분석을 시각화 할 수 있습니다.

채팅을 시작하고 대답 할 때까지 기다려 전반적인 계획을 완료하십시오. 완료되면 아래 이미지와 유사한 승인 양식이 표시됩니다.

에이전트와 계속 채팅하여 REPLIT에서 제안한 계획 세부 사항을 조정할 수 있으며 아래와 같이 입력 양식으로 전달할 수 있습니다.

또는 계획을 승인하고 응용 프로그램 작성을 시작할 수 있습니다. 에이전트가 응용 프로그램 개발을 완료 할 때까지 잠시 기다리십시오. REPLIT 응용 프로그램을 설치하거나 대시 보드를 방문하여 응용 프로그램이 준비 될 때 알림을받을 수 있습니다.

응용 프로그램 개발이 완료되면 아래 이미지와 유사한 미리보기를 볼 수 있습니다.

응용 프로그램을 개발하는 데 사용되는 모든 코드는 인접한 탭에서 볼 수 있습니다. 또한 응용 프로그램을 미리보고이를 사용하여 의도 한대로 작동하는지 확인할 수 있습니다.

일반적으로 기본 응용 프로그램은 우리가 제공하는 프롬프트에 따라 잘 작동하지만 전체 기능, 버그 및 보안과 같은 검토 할 고려 사항이 여전히 많습니다.

Vibe 코딩을 수행하는 많은 사람들이 API 키와 같은 중요한 자격 증명이 공개 도메인으로 밀려 나기 때문에 보안이 가장 중요한 문제입니다. 이것은 기술 분야의 사람들에 의해서만 인식되고 Vibe 코더가 간과하는 보안 문제입니다.

VIBE 코딩의 경우 응용 프로그램의 버그 및 보안 조치를 평가하기 위해 에이전트에게 다음 프롬프트를 사용할 수 있습니다.

잠재적 인 버그 신청서를 검토하고 배포 전에 구현 해야하는 필요한 보안 관행 또는 보호 조치를 제안하십시오.

위의 프롬프트를 사용하여 REPLIT 에이전트는 생성 된 전체 응용 프로그램을 평가하고 오류를 수정하며 추가 권장 사례에 대한 포괄적 인 보고서를 제공합니다.

VIBE 코딩이 종종 발생하는 또 다른 문제는 데이터베이스 또는 사용자 인증과 같은 다른 응용 프로그램과 외부 통합입니다.

REPLIT를 사용하는 VIBE 코더의 경우 에이전트는 종종 데이터베이스와 같은 다양한 외부 연결을 추가하는 것이 좋습니다. 특정 추가 사항을 염두에두면 아래 이미지와 같이 도구 탭으로 이동하여 응용 프로그램에 통합하도록 replit에게 요청할 수 있습니다.

종종 서비스에 대한 추가 요금을 지불해야하므로 특정 도구를 사용하기로 결정하기 전에 평가하십시오.

응용 프로그램이 이미 충분하다고 생각하고 필요한 모든 기능이 있다고 생각하면 대중에게 배포 할 수 있습니다. 보다 능숙한 사용자를 위해 모든 파일을 다운로드하여 직접 배포 할 수 있습니다.

그러나 배포 프로세스에 익숙하지 않은 경우 REPLIT는 요구 사항에 따라 4 가지 배포 유형으로 응용 프로그램을 게시 할 수있는 배포 절차를 제공합니다. 배포 선택은 아래 이미지에 나와 있습니다.

그들 모두는 지불이 필요하므로 응용 프로그램을 사용할 준비가되었다고 생각하는 경우에만 진행하십시오. 그렇지 않으면 결과에 만족할 때까지 에이전트와 계속 대화하십시오.

그게 지금 당신이 알아야 할 전부입니다. 시도해 보면 REPLIT를 사용하여 3 시간 안에 유용한 것을 바이브 코딩 할 수 있습니다.

틀 결론

VIBE 코딩은 생성 LLM을 사용하여 자연어 입력에서만 작업 코드를 생성하는 프로세스입니다. VIBE 코딩은 많은 비 개발자가 기본 세부 사항을 이해할 필요없이 프롬프트를 제공함으로써 유용한 것을 만들 수 있기 때문에 유리합니다.

이 기사에서는 Replit을 사용하여 주가 탐색기를 만드는 방법을 살펴보고 버그, 보안 조치, 외부 도구 연결 및 배포와 같은 다양한 문제를 해결했습니다.

이것이 도움이 되었기를 바랍니다!

Cornellius Yudha Wijaya 데이터 과학 보조 관리자 및 데이터 작성자입니다. 그는 Allianz Indonesia에서 풀 타임으로 일하는 동안 소셜 미디어 및 작문 미디어를 통해 Python과 데이터 팁을 공유하는 것을 좋아합니다. Cornellius는 다양한 AI 및 기계 학습 주제에 대해 글을 씁니다.