앱에 대한 좋은 아이디어가 있었지만 앱을 빌드할 도구가 없었던 적이 있나요? AI의 도움으로 이제 자연어만 사용하여 몇 분 안에 앱 아이디어를 실현할 수 있습니다. 이 문서에서는 GitHub Spark를 사용하여 한 줄의 코드도 직접 작성하지 않고 단어 검색 앱을 빌드, 개선 및 공유합니다.
참고 항목
GitHub Spark is in public preview and subject to change.
앱의 프로토타입 만들기
먼저 나중에 빌드할 수 있는 앱의 초기 기본 버전을 생성해 보겠습니다.
-
https://github.com/spark(으)로 이동합니다.
-
앱의 첫 번째 반복을 생성하려면 다음 프롬프트를 보냅니다.
Text Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle.
Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle. -
Spark가 실시간으로 앱을 빌드하는 모습을 지켜보세요! 미리 보기가 표시되면 앱 생성이 완료된 것을 알 수 있습니다.
-
앱을 테스트하려면 미리 보기를 사용하여 퍼즐을 만들고 해결합니다.
앱 개선
그런 식으로, 작업 앱을 준비합니다. 그러나 여전히 몇 가지 조정이 필요합니다. Spark에 프로젝트를 다듬기 위한 몇 가지 추가 프롬프트를 제공해 보겠습니다.
-
페이지 왼쪽의 반복 탭에서 다음 프롬프트를 보냅니다.
Text Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories.
Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories. -
앱이 업데이트되면 다른 퍼즐을 만들고 해결하여 새로운 기능이 작동하는지 확인합니다.
-
창의력을 발휘하고 앱을 직접 개선하세요! 막막한 느낌이 들 경우 Spark가 프롬프트 텍스트 상자 위에 제공하는 제안 중 하나를 선택합니다. 코드를 수정하지 않고도 "테마", "데이터" 및 "프롬프트" 탭의 시각적 편집 컨트롤을 사용하여 변경할 수도 있습니다.
앱 디버깅
앱을 빌드하는 동안 몇 가지 오류가 발생할 수 있습니다. Spark는 이러한 이슈를 식별하고 프롬프트 텍스트 상자 위의 "오류" 팝업에 나열합니다. 오류를 해결하려면 모두 수정을 클릭합니다.
Spark 자체적으로 플래그를 지정하지 않은 오류가 발견되면 해결하라는 프롬프트를 작성합니다. 최상의 결과를 얻으려면 오류에 대한 자세한 설명과 이상적인 해결 상태를 제공합니다. 예를 들어 특정 수의 문자 위에 단어를 추가할 경우 퍼즐이 잘못 렌더링되면 다음 프롬프트를 보냅니다.
Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.
Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.
앱 공유
이제 만족스러운 앱이 작성되었으므로 다른 사용자와 공유할 수 있도록 배포해 보겠습니다.
참고 항목
모든 GitHub 사용자가 Spark에 액세스할 수 있도록 하면 모든 사용자가 Spark에 저장된 데이터를 액세스하고 편집할 수 있습니다. 다른 사용자에게 표시하기 전에 앱에서 비공개 또는 민감한 데이터를 삭제해야 합니다.
-
페이지 오른쪽 위에 있는 게시를 클릭합니다. 기본적으로 Spark는 비공개로 배포되며 사용자만 액세스할 수 있습니다. 다른 GitHub 사용자가 앱에 액세스할 수 있도록 하려면 게시 드롭다운의 표시 유형 섹션에서 모든 GitHub 사용자를 선택합니다. 이렇게 하면 GitHub 계정이 있는 모든 사용자가 Spark에 액세스할 수 있습니다.
-
사이트 보기를 클릭하여 배포된 앱을 확인한 다음, 앱의 URL을 복사하고 공유합니다.
다음 단계
방금 단어 검색 앱을 만들었지만 Spark에서 모든 종류의 웹앱을 만들 수 있습니다. 직접 새 앱을 만들어 보세요. 영감이 필요한 경우 다음과 같은 몇 가지 아이디어로 시작할 수 있습니다.
- 뉴스 집계 앱 또는 지능형 레시피 생성기를 빌드해 보세요.
- 예산을 설정하고, 비용 목록을 작성하고, 남은 총 예산을 표시할 수 있는 예산 추적기를 빌드합니다. 각 비용에 범주와 날짜를 지정한 다음, 여러 범주별로 비용을 정렬할 수 있습니다.