https://youtu.be/cbFudIg_zWA?si=AtuEm9Sb98CoblT9
처음에는 앱을 만드는 것이 불가능하고 너무 복잡하며 솔직히 상당히 위협적이라고 생각했습니다. 아무리 간단한 것이라도, 예를 들어 일상생활에 도움이 되는 작은 도구이거나 비즈니스의 일부를 자동화하는 것이라도 불가능하게 느껴졌습니다. 그러다가 Base44를 발견했습니다. 프롬프트만 작성하면 코딩이나 수많은 다른 도구 없이도 앱을 만들 수 있고 심지어 무료로 시작할 수 있다는 것을 알게 되었습니다. 그 후 모든 것이 바뀌었습니다. 제가 직접 모든 것을 할 수 있다는 것을 깨달았지만, 배우기 위한 가이드나 튜토리얼을 찾기 시작했을 때 또 다른 난관에 부딪혔습니다. 명확하고 체계적인 자료가 없었고, 그들 자신의 비디오조차 제대로 설명해주지 않았습니다. 그래서 저는 직접 파고들어 모든 것을 단계별로 알아냈고, 이 모든 것을 여러분을 위해 이 비디오에 담았습니다. 제가 배운 것은 앱을 만드는 것이 어렵거나 비쌀 필요가 없다는 것입니다. 여러분은 완전히 혼자서 할 수 있습니다. 이 비디오에서는 만들고 싶은 앱을 계획하는 방법, 앱을 검토하고 사용자 지정하며 수정하는 방법, Base44 인터페이스와 모든 설정 및 옵션을 익히는 방법, 데이터를 편집하고 가져오는 방법, 그리고 마지막으로 앱을 게시하는 방법을 다룰 것입니다. 준비되셨나요? 바로 시작하겠습니다.
Base44 홈페이지에서 시작하여 첫 번째 앱을 만들려면 상단의 "빌딩 시작"을 클릭하세요. 먼저 가입해야 하며, 그러면 Base44 앱의 홈페이지가 보일 것입니다.
**그래서 첫 번째 단계는 만들고 싶은 앱을 계획하는 것입니다.** 이를 위해 저는 ChatGPT와 함께 시작하여 아이디어를 설명하고 프롬프트를 작성하는 데 도움이 될 질문을 요청하는 것을 추천합니다. 여러분이 프롬프트를 직접 작성하는 것이 아니라, 여러분의 초기 아이디어와 요청을 설명하면 ChatGPT가 여러분이 원하는 것을 더 잘 이해하고 좋은 프롬프트를 작성하는 방법을 더 잘 알 수 있도록 관련 질문을 할 것입니다. 무료 플랜에서는 한 달에 25크레딧만 있으므로, 모든 반복 작업을 ChatGPT에서 수행한 다음 Base44에 프롬프트를 붙여넣는 것이 좋습니다. 제가 처음 요청했던 내용을 읽어보겠습니다. 이 비디오에서는 작은 무술 스튜디오를 위한 앱을 만들고 싶습니다. 그리고 앱이 두 가지 측면을 가지기를 원합니다. 한 측면은 스튜디오 관리자를 위한 것이고, 다른 한 측면은 스튜디오 학생들을 위한 것입니다. 그래서 학생들은 월간 구독료를 지불하고 스케줄에 따라 수업을 예약할 수 있는 크레딧을 받습니다.
그리고 저는 이 아이디어에 대해 관련성 있고 더 깊은 질문을 해달라고 요청하여 강력한 최종 프롬프트를 만들 수 있도록 했습니다. 첫 번째 프롬프트는 오직 구조만 다루어야 한다고 말씀드려야 합니다. 프로젝트에 대한 개략적인 개요로 시작하고, 페이지를 나열하고, 필요하지 않다면 Base44에게 이름을 만들지 말라고 요청하며, 아이디어를 설명하고 필요한 엔티티를 정의하세요. 아직은 모든 세부 사항을 다룰 필요는 없습니다.
**그래서 ChatGPT는 구독 및 크레딧에 대해 여러 질문을 했습니다.** 예를 들어, 각 학생이 매월 고정된 크레딧 패키지를 받는지 물었습니다. 이는 제가 만들고 싶은 패키지와 그것이 어떻게 작동할지 설명할 기회였습니다. 그리고 앱이 결제 및 구독 상태를 추적해야 하는지 물었습니다. 예를 들어, 구독이 활성, 일시 중지 또는 취소되었는지 확인하고 싶을 때, 그리고 학생들이 크레딧이 부족할 때 추가 크레딧을 구매할 수 있는지 물었습니다. 보시다시피, 스케줄과 수업에 대한 많은 질문, 사용자에 대한 질문이 있습니다. 예를 들어, 관리자가 사용자를 생성, 편집 또는 삭제할 수 있는지, 학생들이 참여 기록을 볼 수 있어야 하는지, 관리자 대시보드에 무엇을 표시하고 싶은지, 그리고 예를 들어 관리자와 학생이 다른 권한을 가진 동일한 앱을 사용해야 하는지 아니면 두 개의 별도 앱을 사용해야 하는지 등입니다. 각 질문을 모두 다루지는 않겠지만, 제가 원하는 것과 작동 방식을 어떻게 원하는지 답변한 것을 볼 수 있습니다. 물론 여러분은 여러분만의 앱을 만들 것이고, 그것이 어떻게 보이고 무엇을 포함할지 정확히 결정할 것입니다.
그 후, 제가 ChatGPT의 질문에 대한 모든 답변을 바탕으로 작성된 최종 프롬프트가 바로 여기에 있습니다. 참고로, 일부 질문에 무엇을 답해야 할지 확신이 서지 않는다면, ChatGPT와 질문 자체에 대해 논의할 수도 있습니다. 예를 들어, 다른 권한을 가진 동일한 앱이어야 하는지 아니면 두 개의 별도 앱이어야 하는지 확신이 서지 않는다면, **ChatGPT에게 무엇을 해야 할지, 무엇을 답해야 할지, 제가 이것을 계획하고 있다면 최선의 해결책은 무엇인지 물어볼 수 있습니다.** 따라서 앱에 대해 무엇을 해야 할지, 또는 확신이 서지 않을 때 질문에 어떻게 답해야 할지에 대해 ChatGPT에 질문하는 것을 두려워하지 마세요. 최종 프롬프트가 준비되면, 그것을 읽고 원하는 모든 것이 포함되어 있고 보기에 좋은지 확인한 다음, 프롬프트를 복사합시다.
여기서 프롬프트를 복사하여 Base44로 이동하여 여기에 프롬프트를 붙여넣읍시다. 잠시 Base44의 메인 홈페이지에 대해 이야기해 봅시다. 여기는 분명히 프롬프트를 붙여넣는 곳입니다. 다른 플랫폼에서 영감을 얻고 싶은 경우 이미지나 스크린샷을 업로드하여 참고 자료를 제공할 수 있습니다. 또한 스타일 지침을 클릭하여 스타일 영감을 위한 옵션을 볼 수 있습니다. 여기서 어떻게 보이는지, 어떻게 작동하는지 확인할 수 있습니다. 스타일 지침 추가를 클릭하면 이 작은 프롬프트가 여러분의 프롬프트에 추가되어 이 스타일을 생성해 줄 것입니다. 여기에도 더 많은 스타일 옵션이 있으므로 그 중에서 선택할 수도 있습니다.
**그러나 저는 처음에 스타일에 너무 많은 주의를 기울이지 않는 것을 추천합니다.** 왜냐하면 먼저 앱의 기본 구성 요소를 만들고 나서 스타일에 대해 생각해야 하기 때문입니다. 그래서 저는 ChatGPT가 스타일과 관련된 문장을 작성했지만, 지금은 스타일을 다루고 싶지 않으므로 잠시 삭제하겠습니다. 그리고 참고로, 아래에는 시작하는 데 도움이 될 만한 아이디어들이 있습니다. 특정 아이디어가 없다면 여기에서 아이디어를 얻어 플랫폼을 채우고 작동 방식을 더 잘 이해하기 위해 무엇이든 시작할 수 있습니다. 아래에는 최근 프로젝트와 작업했던 모든 것이 표시되며, 여기에서 그 중 하나를 클릭하면 계속 작업할 수 있습니다.
**그래서 이 프롬프트를 보내고 Base44가 이 멋진 훈련 스튜디오 앱을 어떻게 생성하는지 봅시다.** 여기를 클릭하면 모든 것을 작성하기 시작할 것입니다. 앱을 만드는 모든 단계와 작업을 볼 수 있습니다. 잠시 비디오를 일시 중지하고 준비가 되면 다시 오겠습니다. 여기로 돌아오는 데 시간이 좀 걸렸지만, 실제로는 약 15분 후에 준비되었습니다. 이는 프롬프트의 복잡성과 여러분이 요청하는 내용에 따라 달라지는 평균 시간입니다. 이제 제가 만든 앱을 볼 수 있습니다. 스튜디오 성능을 모니터링하고 운영을 관리하는 관리자 대시보드를 볼 수 있습니다. 여기 위에서 제가 만들지 않은, 임의로 부여된 스튜디오 이름을 볼 수 있고, 앱의 개념인 무술 스튜디오도 볼 수 있습니다. 여기에서 로고, 이름 및 보이는 모든 것을 편집할 수 있습니다.
Base44가 앱을 생성할 때, 위에서 아래로 시작하여 더미 데이터가 포함된 완성된 앱을 제공합니다. 여기서 볼 수 있듯이, 만들어진 클래스와 페이지는 이미 연결되어 있습니다. **그래서 이제 여러분의 역할은 역으로 작업하여 더미 데이터를 실제 데이터로 바꾸고 UI를 여러분의 필요에 맞게 조정하는 것입니다.** 좋습니다. 여기 있는 모든 것을 다루겠지만, 먼저 작업 공간으로 이동할 수 있는 옵션도 있다는 것을 보여드리고 싶습니다. 작업 공간은 라이브 데이터베이스와 구조를 사용하여 데이터 페이지와 설정을 편집하는 곳입니다. 여기에서 앱과 그 설정에 대한 모든 것을 실제로 편집할 수 있지만, 모든 것을 나중에 설명하겠습니다.
미리보기는 앱이 어떻게 생겼고 실제 생활에서 어떻게 보일지 보여주는 곳입니다. 여기서 앱을 게시하고 미리보기가 아닌 게시된 웹사이트로 들어간다면 약간 다르게 작동할 수 있다는 점을 언급하는 것이 중요합니다. 미리보기와 게시 모드에서는 항상 동일하지는 않습니다. **그래서 변경 사항을 만들기 전에 항상 게시된 버전을 테스트하는 것을 추천합니다.** 좋습니다. 이 단계에서는 앱을 둘러보고 모든 패턴을 테스트하며 모든 것이 제대로 작동하고 제가 실제로 원했던 것과 일치하는지 확인하겠습니다.
여기에서 무엇이 있는지 봅시다. 현재 학생이 아무도 없습니다. 제가 관리자인 사용자 한 명만 있기 때문인 것 같습니다. 나중에 이 문제를 해결하고 앱을 테스트할 수 있도록 더 많은 학생을 추가해야 할 것입니다. 인기 있는 수업이 보이지만, 저는 인기 있는 수업이 아니라 오늘 또는 다음 주에 예정된 수업을 보고 싶습니다. 그것은 저에게 별로 도움이 되지 않습니다. **그래서 저는 ChatGPT에게 이것을 프롬프트에 추가해달라고 요청할 것입니다.** 참고로, 저는 변경하고 싶은 것을 발견하고 즉시 텍스트에 추가하는 것이 아닙니다. 제가 원하는 모든 변경 사항을 모은 다음 ChatGPT에 보내서 제가 원하는 모든 변경 사항을 포함하는 프롬프트를 생성해 달라고 요청할 것입니다. **따라서 여러 가지 수정 사항을 하나의 프롬프트에 담아 Base44에 피드백을 주는 것을 추천합니다.** 이렇게 하면 크레딧을 절약하고 작업을 빠르게 진행할 수 있습니다. 좋습니다. 수업 일정에서 무엇이 있는지 봅시다. 특정 요일만 보고 싶다면 요일별로 필터링할 수 있습니다. 새 수업 추가를 클릭해 보겠습니다. 클릭할 수 없으므로 작동하지 않습니다. 이 또한 목록에 추가하겠습니다.
당연히 ChatGPT 목록에 추가할 것입니다. 이 선생님과 함께하는 가라테 기초 수업의 이름을 볼 수 있고, 요일과 시간을 볼 수 있습니다. 실제로는 날짜는 볼 수 없고 요일과 시간만 볼 수 있습니다. 그래서 날짜도 지정해야 할 것 같습니다. 아직 앱에 등록된 학생을 보지 못했는데도 등록된 학생이 표시되어 있습니다. 이것은 임의의 더미 데이터를 추가한 것입니다. 수업을 편집할 수 있는지 확인해 보겠습니다. 아니요, 이것도 클릭할 수 없습니다. 삭제 버튼도 클릭할 수 없습니다. 그래서 이 또한 목록에 추가하겠습니다.
이제 위로 올라가 관리자 패널에 무엇이 있는지 봅시다. 제 사용자만 보입니다. 다른 사용자를 추가할 수 있는지 확인해 보겠습니다. 아니요, 이것도 클릭할 수 없습니다. 그리고 이 편집 버튼도 클릭할 수 없습니다. 수업 관리를 확인해 보겠습니다. 여기서 새 수업을 추가할 수 있는지 확인해 보겠습니다. 아니요, 이것도 클릭할 수 없고, 여기에 있는 편집 및 삭제 버튼도 클릭할 수 없습니다. 예를 들어 태극권을 검색해 보면 검색은 작동합니다. 적어도 이것은 작동합니다.
**그래서 메시지 보내기에서는 모든 학생에게 알림을 보낼 수 있지만, 이 메시지를 받을 사용자가 아무도 없으므로 지금은 테스트하지 않겠습니다.** 나중에 할 것입니다. 그리고 제 프로필에서는 이것이 제 사용자이고, 2025년 7월부터 회원이라는 모든 세부 정보가 있습니다. 제가 요청했던 사용 가능한 크레딧 수와 결제 내역은 없습니다.
**그래서 다음 단계는 ChatGPT와 반복 작업을 거쳐 제가 원했던 변경 사항을 요청하는 프롬프트를 만드는 것입니다.** 제가 변경하고 싶은 모든 것을 언급한 프롬프트를 작성하고 준비되면 보여드리겠습니다. 하지만 모든 변경 사항이 포함된 프롬프트를 보내기 전에, 인터페이스와 여기 있는 모든 옵션을 살펴보겠습니다.
**그래서 여기에서 시작하여 원하는 변경 사항의 프롬프트를 입력할 수 있습니다.** 그리고 이 톱니바퀴 아이콘을 클릭하여 여기 있는 모든 옵션을 보겠습니다. 첫 번째 옵션은 앱 가시성입니다. 여기에는 세 가지 다른 옵션이 있습니다. 첫 번째 옵션은 '비공개'로, 사용자 탭에 이메일로 명시적으로 추가된 사용자만 앱에 접근할 수 있습니다. 두 번째 옵션은 기본값인 '로그인 필요 공개'로, 앱을 방문하는 모든 사람은 Google로 로그인해야 볼 수 있다는 의미입니다. 세 번째 옵션인 '로그인 불필요 공개'는 인증 없이 누구든지 앱에 직접 접근할 수 있도록 허용합니다. 방문자는 인증 없이 바로 앱으로 이동합니다.
설정의 두 번째 옵션은 AI 모델입니다. 기본적으로 요청하는 작업에 가장 적합한 모델이 자동으로 선택되지만, 필요한 경우 Claude 또는 Gemini로 전환할 수 있습니다. **만약 작업이 더 창의적이고 디자인 지향적이며 덜 정밀하다면 Base44는 Claude Sonnet 4를 사용하는 것을 추천합니다.** 하지만 작업이 더 논리적이고 더 많은 맥락을 처리하며 덜 창의적이라면 Gemini 2.5 Pro를 사용하는 것을 제안합니다.
**그래서 메뉴에서 '사용자'를 클릭하면 자동으로 작업 공간의 사용자 탭으로 이동합니다.** 여기에서 앱에 있는 모든 사용자를 볼 수 있습니다. 이메일을 통해 사용자를 초대할 수 있으며, 여기를 클릭하여 사용자를 삭제할 수도 있습니다. 또한 추가하려는 사용자가 일반 사용자인지 관리자인지 결정할 수 있지만, 다른 관리자 사용자를 추가하려면 유료 요금제가 필요합니다. 그 관리자 사용자는 앱을 수정하고 제어하는 데 도움을 줄 수 있으며, 단순히 보기만 하거나 가지고 노는 것이 아닙니다.
다음 옵션은 보안 설정입니다. 이것을 클릭하면 작업 공간의 보안 탭으로도 이동합니다. 이것은 어떤 데이터 엔티티가 어떤 사용자에게 제공될지 결정할 수 있게 해줍니다. 이 설정은 보안 탭에서 할 수 있습니다. 다음은 꽤 흥미롭습니다. **AI 컨트롤을 클릭하면 사용자 정의 지침을 추가할 수 있습니다.** 예를 들어, AI가 모든 상호 작용에서 따르는 전역 지침을 설정할 수 있습니다. 예를 들어, 어두운 테마 유지, 작은 파일로 분할, 또는 오른쪽에서 왼쪽으로 쓰는 RTL 사용 등입니다. RTL은 레이아웃, 텍스트 및 인터페이스가 오른쪽에서 왼쪽으로 쓰는 언어를 위해 설계되었음을 의미합니다. 여기에서 모든 것을 설정할 수 있으며, AI에 보내는 모든 프롬프트는 이 정보를 고려할 것입니다. AI 컨트롤 아래에서는 파일을 고정할 수도 있습니다. AI가 편집할 수 없는 특정 파일을 선택할 수 있습니다. 예를 들어, 이 옵션을 클릭하여 모두 고정하거나 모두 고정 해제하거나, AI가 전혀 수정하지 않기를 원하는 구성 요소 또는 페이지의 상자를 클릭할 수 있습니다.
**좋습니다. 톱니바퀴 아이콘을 다시 클릭하고 '앱 설정'을 클릭하면 작업 공간의 설정 탭으로 자동으로 이동합니다.** 여기에서 사용자가 앱에 접속할 때 어떤 페이지가 메인 페이지가 될지 등 많은 것을 제어할 수 있습니다. 앱 가시성도 여기서 변경할 수 있습니다. 이 앱이 Base44로 편집되었다는 플랫폼 배지를 사용자에게 보여주고 싶지 않다면 숨길 수 있지만, 이 역시 유료 요금제가 필요합니다. 어떤 엔티티가 누구에 의해 생성되었는지 숨길 수 있고, 이메일 및 비밀번호 인증을 제어할 수 있습니다.
앱을 복제할 수도 있습니다. 이는 이 버전을 마음에 들지만 다른 것을 테스트하고 싶을 때 앱의 사본을 만드는 것을 의미합니다. 복사된 버전에서 변경 사항을 만들 수 있고, 마음에 들지 않으면 언제든지 원래 앱으로 돌아갈 수 있습니다. 더 이상 앱을 원하지 않는다면 앱을 삭제할 수도 있지만, 이것은 영구적이므로 100% 확신할 때만 삭제해야 합니다.
좋습니다. 여기에서 미리보기로 돌아가겠습니다. 여기 프롬프트 섹션에서 할 수 있는 또 다른 일은 파일을 업로드하는 것입니다. 예를 들어, 앱의 시각적 모양에 AI 영감을 주기 위한 스크린샷이나 이미지를 여기에서 업로드할 수 있습니다. 이 옵션을 클릭하면 앱을 시각화할 수도 있습니다. 이제 캔버스처럼 이 모든 섹션을 수동으로 편집할 수 있습니다. 요소를 클릭하여 배경색, 텍스트 색상, 간격 등 모든 것을 수동으로 변경할 수 있습니다. AI에게 요청하는 대신 직접 작은 변경을 하고 싶다면 여기에서 할 수 있습니다. 지금은 이 카드만 클릭하겠습니다.
마지막 옵션은 '논의'를 클릭하는 것입니다. 이것을 클릭하면 코드 변경 없이 AI와 무엇이든 채팅할 수 있습니다. 이것도 크레딧을 사용하므로, ChatGPT에서 무제한 크레딧이 있다면 그곳에서 하는 것을 추천하며, 여기서 크레딧을 낭비하지 마세요. 좋습니다. 이제 제가 만들고 싶은 모든 변경 사항이 포함된 프롬프트를 붙여넣겠습니다. 이전에 언급했던 모든 것과 제가 찾은 몇 가지 작은 것들을 요청했습니다. 한번 보내보고 이 변경 사항들을 어떻게 처리하고 마지막에 어떻게 보일지 봅시다.
알겠습니다. 왜 그런지 모르겠지만, 응답하지 않고 전혀 움직이지 않습니다. 페이지를 새로 고쳐 보겠습니다. 작동하는지 봅시다. 예, 알겠습니다. "생각 중"이라고 표시됩니다. 방금 보낸 프롬프트를 중단하고 변경하고 싶다면 되돌릴 수도 있습니다. 따라서 무언가를 잊었거나 마지막 순간에 편집하고 싶다면 '되돌리기'를 클릭하여 할 수 있습니다. 좋습니다. 잠시 비디오를 일시 중지하고 준비가 되면 다시 오겠습니다. 모든 변경 사항을 완료했습니다. 이제 대시보드가 약간 다르게 보입니다. 아직 최근 학생은 보이지 않습니다.
앱에 등록된 학생이 아무도 없습니다. 그리고 여기에서 인기 있는 수업이 아니라 다음 7일간의 예정된 수업으로 변경된 것을 볼 수 있습니다. 하지만 여기에 제시할 데이터에 수업이 없으므로 계속 진행하겠습니다. 몇 가지 변경 사항을 더 확인한 다음, Base44에 데이터를 가져와 앱에 어떻게 넣는지 보여드리겠습니다. 이렇게 하면 여기서 앱을 더 잘 테스트할 수 있을 것입니다.
수업 일정에서 인터페이스가 변경된 것을 볼 수 있습니다. 이제 조금 다르게 보입니다. 날짜가 추가되어 스케줄에서 다른 주를 보고 싶다면 주를 이동할 수 있습니다. '새 수업 추가'를 클릭하면 수업 이름, 강사, 날짜 및 시간, 이 수업에 참여할 수 있는 최대 인원, 그리고 이 수업에 대한 설명을 수동으로 입력할 수 있습니다. 보시다시피 '변경 사항 저장' 버튼은 노란색 배경을 가지고 있어 여기에 무엇이 쓰여 있는지 볼 수 없으므로 사용할 수 없습니다. **그래서 시각적 편집을 클릭하고 이 버튼을 클릭한 다음 수동으로 색상을 변경해 보겠습니다.** 배경색은 '없음'으로 표시되지만, 다른 색상을 선택할 수 있습니다. 보시다시피 즉시 변경되었지만, 마우스를 올리면 여전히 노란색입니다. 흥미롭네요. 고급 설정으로 가볼까요? 아니요, 간격에 있는 것이 아닙니다. 변경 사항을 저장하고 어떻게 되는지 봅시다. 왜 변경 사항을 저장할 수 없는지 모르겠습니다. 이상하네요. 좋습니다. 일단 취소하겠습니다. '새 수업 추가'를 다시 클릭하면 어떻게 되는지 봅시다. 여전히 노란색입니다. 다시 편집해 봅시다. 시각적 편집, 이 버튼 클릭, 배경색을 임의로 선택하고 변경 사항 저장. 아니요, 저장할 수 없습니다. 지금은 버그일 수도 있지만, 요점은 여러분의 앱에서 직접 시도해 볼 수 있다는 것입니다. 좋습니다. 시각적 편집을 종료하고 이제 관리자 패널로 가서 무엇이 변경되었는지 확인해 봅시다.
이것은 동일하지만, 편집할 수 있을 것 같습니다. 예, 원한다면 사용자를 편집할 수 있습니다. 이름, 이메일, 구독을 변경할 수 있습니다. 예를 들어, 학생들이 더 많은 돈을 지불하고 일주일에 하는 훈련 횟수를 늘리고 싶다면 주 3회로 변경할 수 있습니다. 필요하다면 학생의 상태(활동, 일시 중지, 취소) 및 남은 크레딧 수도 변경할 수 있습니다. 좋습니다. **이는 이전 앱에 비해 관리자 패널에서 훨씬 더 기능적입니다.**
수업 관리를 클릭하면 어떻게 되는지 봅시다. 여기서 새 수업을 추가할 수 있고, 기존 수업을 편집할 수 있습니다. 하지만 이것은 제가 모든 수업 중에서 특정 수업의 한 가지를 수동으로 변경해야 할 때 사용하는 것입니다. **그러나 이 모든 데이터를 한 번에 변경하는 방법을 보여드리겠습니다.** 작업 공간으로 가서 '데이터'를 클릭하고 '클래스'를 선택하면, 현재 앱에 있는 모든 수업 데이터를 볼 수 있습니다. 보시다시피, 제가 수업의 날짜뿐만 아니라 요일과 시간도 지정해달라고 요청했기 때문에 날짜가 포함된 새로운 데이터 행이 더 추가되었습니다. 그래서 새로운 데이터에도 날짜와 시간이 있습니다.
하지만 저는 실제 수업의 새로운 데이터를 업로드하고 싶습니다. 실제 수업은 아니지만, 제 스튜디오의 수업을 앱에 추가하고 싶다고 가정해 봅시다. 어떻게 하는지 보여드리겠습니다. 여기 상단의 '액션'을 클릭하고, 스튜디오에 있는 모든 수업 데이터를 담은 CSV 파일을 가져올 수 있습니다. 먼저 기존 데이터를 내보낼 수 있습니다. 혹시라도 데이터를 삭제하거나 작동 방식을 변경할 수 있는 새 데이터를 가져오기 전에 모든 정보를 저장하고 싶을 때를 대비해서요. **그래서 문제가 발생할 경우를 대비하여 기존 데이터를 내보내는 것을 추천합니다.**
이제 여기 있는 모든 데이터를 삭제하겠습니다. 여기를 클릭하고 확인을 누르면 됩니다. 그러면 여기에는 데이터가 없습니다. 이전에 본 것처럼 정보를 수동으로 추가하고 싶다면 '첫 번째 기록 추가'를 클릭할 수 있습니다. 하지만 이번에는 데이터 탭에서이므로, 예를 들어 최대 참가자 수는 숫자여야 하고 문자는 안 되는 것처럼 데이터가 정확히 어떻게 되어야 하는지 추가해야 합니다. 여기에서 데이터를 수동으로 추가할 수 있습니다. **그러나 모든 정보가 들어있는 CSV 파일을 직접 가져오고 싶습니다.** 그래서 '가져오기'를 클릭하고 이 예제를 위해 제가 ChatGPT로 만든 CSV를 선택하면 몇 초가 걸릴 것입니다. 그러면 Base44 내부의 데이터에 CSV에 있던 모든 데이터가 표시될 것입니다. 특정 줄을 삭제하고 싶다면 여기를 클릭하여 삭제할 수 있습니다. 하지만 보시다시피 모든 것이 여기에 있습니다. 다른 엔티티 데이터도 볼 수 있습니다. 그곳에 무언가를 추가하거나 변경하고 싶다면 말이죠.
좋습니다. 미리보기를 테스트해 봅시다. 대시보드에서 그 수업들을 볼 수 있는지 봅시다.
예, 다음 7일간의 예정된 수업을 볼 수 있으며, 이 수업들에 대해 제가 입력한 모든 정보를 볼 수 있습니다. 모든 것을 확인하기 위해 수업 일정을 확인해 봅시다. 좋습니다. 수업은 보이지만, 실제로는 보기에 좋지 않습니다. **그래서 인터페이스 자체, 즉 사용자 경험에 변경 사항을 적용해야 할 것입니다.** 예, 나중에 할 수 있습니다. 다음 주로 이동하여 어떻게 보이는지 봅시다. 좋습니다. 한 주에 많은 수업이 있을 때 이렇게 보입니다. 물론 보기에 좋지 않습니다. AI에게 변경해달라고 요청해야 할 것입니다.
여기 위에서 모바일 보기로 확인해 보겠습니다. 여기를 클릭하면 모바일 보기로 전환되어 휴대폰에서 어떻게 보이는지 확인할 수 있습니다. 모바일 보기에서는 데스크톱보다 훨씬 더 좋아 보인다고 말해야겠습니다. 여기에서 주를 이동하며 제가 가지고 있는 모든 수업을 볼 수 있습니다.
**좋습니다. 이제 데스크톱 보기로 돌아가서 이 앱을 게시하겠습니다.** '게시'를 클릭하면 사용 가능한 도메인을 볼 수 있습니다. 임의의 도메인을 받게 되며, 이미 특정 도메인이 있다면 연결할 수도 있지만, 지금은 임의로 부여된 이 도메인으로도 충분합니다. '앱 게시'를 클릭하면 브라우저에서 제 앱을 볼 수 있습니다. 정말 멋집니다! 작업 공간 설정에서 당연히 변경할 수 있는 로고를 볼 수 있습니다. 스튜디오 이름도 볼 수 있으며, Google로 계속하거나 여기서 가입할 수 있습니다. Google로 계속 진행해 보겠습니다. 그러면 단 두 개의 프롬프트로 만든 이 대시보드가 보입니다. 정말 대단합니다! 이전에도 보았듯이 모든 것이 여기에 있는 수업 일정을 클릭해 봅시다. 관리자 패널도 볼 수 있습니다. 정말 멋지고, 너무나 쉽게 할 수 있었습니다. 정말 대단합니다. 여기부터는 개선하고 싶은 점을 발견하고 완벽해질 때까지 AI에게 단계별로 지시하는 것만 남았습니다. 이 비디오가 도움이 되었다면 좋아요를 누르고 더 많은 튜토리얼을 위해 계속 지켜봐 주세요.
감사합니다.