AI 도구를 사용하여 몇 분 안에 내 자신의 TODO 목록 앱을 구축 한 방법

AI는 기술 환경을 영원히 바꾸고 있습니다. 예를 들어 chatgpt를 가져 가십시오. 그것은 작문 산업을 방해하고 심지어 전체 Chegg 비즈니스를 방해했습니다. 모든 회사는 이제 AI 이후에 운영되어 앱과 서비스에 통합하려고합니다. 그들 대부분은 가지고있는 것이 좋지만 AI의 실제 가치는 인간의 노력을 줄이고 프로세스 속도를 높이며 비용을 낮추는 것입니다.

예를 들어, 앱을 구축하는 데 시간이 얼마나 걸리는지 물었다면 리소스에 따라 몇 달, 몇 년 안에 앱이 얼마나 큰지에 따라 대답 할 것입니다.

그러나 지금 같은 질문을하면 1 시간, 하루 또는 몇 분 정도 말할 것입니다. 그것이 Ai가 지금 할 수있는 일입니다. 특정 응용 프로그램을 사용하면 몇 분만에 앱을 구축 할 수 있습니다. 아니요, 저는 앱을 구축하기위한 코드 AI 도구에 대해 이야기하지 않습니다. 언어 나 방식으로 코드를 작성하거나 앱 구축을 도울 수있는 앱에 대해 이야기하고 있습니다. 좋은 점은 한 줄의 코드를 작성하거나 코드 작동 방식에 대한 사전 지식을 작성할 필요가 없다는 것입니다.

앱을 구축하고 몇 분만에 앱을 수백만으로 확장 할 수 있습니다. 다양한 AI 도구를 사용하고 있으며 30 개 이상의 앱을 구축했습니다. 코드를 배우는 데 몇 달을 보내지 않고 배우고 무언가를 만들고 싶다면이 안내서는 당신을위한 것입니다.

몇 분 안에 앱 빌드 방법 : 할 일 목록 앱을 작성하자

나는 간단한 자연 프롬프트를 사용하여 앱을 구축 할 수있는 lovable.dev 및 bolt.new 도구를 시도했습니다. 둘 다 몇 분만에 간단한 웹 앱을 구축하는 놀라운 결과를 제공하지만 한계면에서 약간 다릅니다.

내 경험상, Bolt는 제한된 토큰 (텍스트 또는 코드 AI의 양; 볼트로 하루에 150k 단어로 제한)을 제공합니다. 이는 여러 프롬프트와 수백 개의 코드 라인이 필요한 고급 앱을 구축하려는 경우에는 그리 많지 않습니다. 또한 볼트를 만들고 사용하려면 github 계정이 필요합니다.

반면, Lovable은 많은 비 프로그램자가 GitHub 계정을 가지고 있지 않기 때문에 Google 계정으로 로그인 할 수 있도록보다 사용자 친화적 인 접근 방식을 취합니다.

또한 Bolt와 달리 Lovable은 하루에 5 개의 무료 프롬프트 (앱과 인터페이스 할 수있는 횟수)를 제공하므로 한도를 초과하는 것에 대해 걱정하지 않고 계획을 작성하고 반복하고 반복 할 수 있습니다.

Lovable을 사용하여 앱을 구축하는 데 도움이됩니다. GitHub 계정이 비슷한 접근 방식과 인터페이스를 제공하므로 Bolt를 볼 수 있습니다.

먼저, 아이디어를 만들 때부터 시작합시다. 이러한 앱은 자연 언어를 이해할 수 있지만 더 나은 결과를 얻고 나중에 요청을 반복하여 불필요하게 무료 프롬프트 제한을 낭비하지 않도록 한 번의 프롬프트로 미리 구축 할 앱의 모든 세부 사항을 계획하고 포함시키는 것이 좋습니다.

걱정하지 마십시오. 사전 지식이 필요하지 않습니다. AI 챗봇 도구를 사용하여 앱을 구축 할 수있는 상세 프롬프트를 만들 수 있습니다. 더 나은 결과를 위해 Chatgpt를 사용하는 것이 좋습니다.

chatgpt.com을 방문하여 이러한 기능으로 앱을 작성하려는 내용을 묻습니다. 경험이 있으면 필요에 맞는 기능을 지정할 수 있습니다. 시간을 보내고 프롬프트를 미세 조정하십시오.

마지막으로, chatgpt에 앱을 구축하기위한 AI 프롬프트를 생성 하려면 요청하십시오.

다음으로 Lovable.dev 로 이동하여 계정이없는 경우 가입을 클릭하십시오.

Google 계정 또는 Github를 사용하여 Lovable에 가입 ​​할 수 있습니다. 설정하기 쉽기 때문에 Google 계정을 사용하는 것이 좋습니다.

채팅 화면에서 로그인하면 Chatgpt에서 프롬프트를 복사 한 후 프롬프트 로 붙여 넣고 Enter를 누르 거나 오른쪽 하단의 작은 화살표를 클릭하십시오. 도구는 필요한 파일로 앱을 만들기 시작합니다.

앱의 기능에 따라 구축하는 데 몇 분이 걸릴 수 있습니다. 알 수없는 오류 와 같은 오류가 발생하거나 잘못된 문제가 발생하고 앱이 빌드를 중지하면 계속 구축 앱 프롬프트를 사용하여 프로세스를 재개 할 수 있습니다.

빌드가 완료되면 오른쪽 탭에서 작업 앱 미리보기를보고 모바일 및 데스크탑보기간에 전환 할 수 있습니다.

오류가 발생하면 앱에서 수정을 요청하면 도구가 자동으로 문제 해결을 시작합니다. 왼쪽 사이드 바의 프롬프트를 사용하여 새로운 기능으로 앱을 향상시킬 수 있습니다. 당신은 하루에 5 개의 프롬프트로 제한 될 것임을 기억하십시오. 한도에 도달하면 24 시간을 기다려야합니다.

이 경우 각 작업에 대한 사용자 정의 타이머를 설정할 수있는 옵션이있는해야 할 일 목록 작업 앱을 원하고 작업을 추가하기 전에 작업 우선 순위를 설정하려고합니다. 더 많이 조정하고 ChatGpt를 사용하는 프롬프트를 얻은 다음 도구는 이러한 새로운 기능으로 앱을 업데이트 할 수 있습니다.

축하해요! 당신은 단 몇 분만에 할 일 목록 앱의 프론트 엔드를 구축했습니다. 할 일 목록을 만들기 위해 사용할 수 있습니다. 그러나 데이터베이스가 없으므로 앱을 재설정하거나 Chrome 캐시 또는 사용하는 다른 브라우저를 지우면 데이터가 손실 될 수 있습니다.

이를 피하기 위해 데이터를 데이터베이스에 연결하여 데이터를 저장할 수 있습니다. 괜찮아요; 간단한 단계로 할 수 있습니다.

앱을 데이터베이스에 연결하고 모든 데이터를 저장하고 인증 추가 및 이메일을 보낼 수도 있습니다. 필자의 경우, 내가 구축 한 할 일 목록 앱은 로컬 브라우저 스토리지를 사용하여 모든 작업을 저장하며, Chrome 또는 사용중인 브라우저의 캐시를 지우면 모든 작업이 삭제됩니다. 이를 피하려면 데이터베이스에 연결하여 서버에 데이터를 저장할 수 있습니다.

Lovable은 또한 앱을 데이터베이스에 연결하고 작업을 사용하여 데이터를 저장하고 인증 추가, 이메일 보내기 등의 쉬운 방법을 제공합니다.

Supabase를 클릭 한 다음 Supabase를 연결 한 다음 계정을 만듭니다. 계정을 만들면 Lovable 인증을 클릭하십시오. Supabase에서 계정을 작성하려면 Github 계정이 필요합니다. GitHub 계정이 없는 경우 여기에서 계정을 만들 수 있습니다.

이제 Supabase 계정을 만듭니다. GitHub 계정을 사용하여 로그인해야합니다. 일단 생성되면 앱으로 돌아와서 앱에 페이지에 프로젝트 이름과 ID가 표시됩니다.

계정을 클릭 한 다음 새 프로젝트 생성을 누릅니다.

다음으로 프로젝트 이름을 입력하고 새 프로젝트를 작성하여 데이터베이스에 자동으로 연결됩니다. 나중에 여러 가지 작업에 대한 옵션을 제공합니다. 이 경우 작업 데이터를 저장하도록 요청하고 있습니다.

앱은 SQL 코드를 제공합니다. 익숙한 경우 코드를 검토하고 변경 사항 적용을 클릭하십시오. 앱은 데이터베이스에 성공적으로 연결됩니다.

이제 앱을 게시하여 모바일에서 사용할 수 있습니다. 게시 버튼을 클릭하고 다시 게시하여 링크를 얻으십시오. 공개 링크라는 것을 기억하십시오. 액세스하는 사람은 앱 코드를 복사하고 리믹스 할 수 있습니다. 개인 프로젝트를 만들려면 프리미엄 계획을 구독해야합니다.

코드를 GitHub에 공유하고 로컬로 프로젝트를 다운로드 한 후 장치에서 개발을 시작할 수도 있습니다. Github 계정을 연결하고 프로젝트를 Github에 커밋하십시오.

그게 다야! 몇 분 안에 간단한 AI 도구를 사용하여 전체해야 할 일 목록 앱을 만들었습니다. 이 안내서가 도움이되기를 바랍니다.

원하는 앱을 구축 할 수 있고 가능성은 끝이 없지만이 AI 도구의 무료 버전은 몇 가지 프롬프트로 제한되어 있으며,이 한도를 늘릴 수 있지만 일반 사용자 인 경우 비용이 많이 드는 프리미엄 계획을 선택할 수 있습니다. 예를 들어, 사랑스러운 스타터 계획은 20 달러이며 Chatgpt Plus 계획과 동일합니다. 하루에 5 개의 프롬프트에 액세스 할 수있는 무료 계획 (월 30 회)은 기본 웹 앱을 구축하기에 충분합니다. 이 안내서가 도움이되기를 바랍니다. 제안이 있거나 문제가있는 경우 의견에 알려주십시오.

내가 구축 한 앱보기 : https://pomodoro-panda-planner.lovable.app./

AI 도구를 사용하여 앱을 구축하는 FAQ

1. Lovable 또는 Bolt를 사용하여 모바일 앱을 구축 할 수 있습니까? 아니면 웹 앱만을위한 것입니까?

이러한 도구를 사용하여 모바일 앱을 구축 할 수도 있습니다. React Native에 코드를 작성하고 나중에 Google Play 및 Apple App Store와 같은 모바일 플랫폼에 게시하도록 도구를 요청할 수 있습니다. Frameworks를 사용하여 기존 앱을 동일한 React Native Framework를 사용하여 기존 앱을 모바일 앱으로 변환하거나 Capacitor 또는 Cordova와 같은 도구를 사용하여 WebView로 랩핑 할 수도 있습니다.

2. 사랑 스럽거나 볼트를 사용하려면 코딩 지식이 필요합니까?

아니요, 기본 웹 앱을 구축하기 위해 사전 코딩 지식이 필요하지 않습니다. 그러나 이러한 AI 도구는 때때로 딸꾹질이 될 수 있으므로 문제를 해결하려면 기술 및 코딩 지식이 필요합니다. 그러나 대부분의 경우. 한 줄의 코드를 작성하지 않고 자연어 프롬프트를 사용하여 앱을 구축 할 수 있습니다.

3. 사랑스러운 것과 볼트의 주요 차이점은 무엇입니까?

Lovable을 사용하면 Google 계정으로 로그인 할 수 있으며 매일 5 개의 무료 프롬프트를 제공하지만 Bolt는 Github 계정이 필요하며 매일 150k 무료 토큰을 제공합니다. 둘 다 거의 비슷한 인터페이스를 가지고 있습니다. 첨가사 봇. New를 사용하면 코드를 네트워크 서버에 직접 다운로드하거나 포트 할 수 있습니다. 글로벌에서는 커밋해야합니다. 코드를 얻는 Github 코드.

4.이 AI 도구를 사용하여 복잡한 응용 프로그램을 구축 할 수 있습니까?

예, 복잡한 응용 프로그램에는 고급 코딩 지식이 필요하기 때문에 제한이 있습니다. 이 도구는 하루에 제한된 프롬프트를 제공하며, 이는 무료 버전을 사용하여 앱을 구축하기에 충분할 수 있습니다.

5. 무료 프롬프트 나 토큰이 부족하면 어떻게됩니까?

Lovable에서 무료 버전은 매일 5 개의 프롬프트로 제한되며 24 시간 동안 재설정을 기다려야합니다. 볼트에서는 150K 토큰을 초과하면 일일 재설정 제한을 기다려 더 많은 토큰을 얻을 수 있습니다.