와.. 이제 구글시트가 앱이 됩니다! | 무료 Gemini로 실시간 대시보드 만드는 법 transcript

구글 시트 안에는 무료로 제공되는 재미나이 있기 때문에 이거를 클릭하면 데이터를 쭉 정리해서 코드까지 짜줍니다.이 버튼을 클릭하면 [웃음] 이런게 됩니다. 촬영을 하고 [음악] 사용을 클릭하면 업데이트가 됩니다. 대시보드를 보시면 제고 주의 품목이 사라집니다. 어마어마하죠? 네, 여러분 안녕하세요. 반갑습니다. 안녕하세요. 한 몇 주 전에 클라우드 플레어를 써서 엑셀로 만든 대시보드를 어 실시간으로 연동해서 웹로 배포하는 강의를 업로드를 했었고요. 그리고 그 내용을 어 많은 분들이 좋아해 주셔서 어 댓글로도 문의를 많이 주셨는데요. 그 내용이 뭐였냐면 회사에서는 이제 구글 시트를 쓰고 있는데 혹시 구글 시트로도 가능한가를 연락을 많이 주셨어요. 그래서 오늘 내용은요. 무료 사용자분들도 실시간으로 그 재고 관리를 편하게 할 수 있는 대시보드를 같이 만들어 볼 겁니다. 자, 먼저 노션 실행하신 다음에 노션에 오시면 여기 실습용 구글 시트가 보이실 겁니다. 이거를 클릭하시면 어 사본 만들기라는 버튼이 보이실 겁니다. 자, 이거를 클릭할게요. 이제 4번이 만들어집니다. 자, 이제 여기에서이 데이터를 가지고 AI를 활용해서 대시보드를 만들 텐데 자, 가장 먼저 우리가 AI를 써서 대시보드를 만들 때 최소한 내가 쓰는 데이터 구조가 어떻게 작성되어 있는지이 구조만큼은 전달해 줘야겠죠. 그렇죠? 우리가이 구조만큼은 전달해 줘야 돼요. 그런데 아마 아실 거예요. 제가 예전에 엑셀이나 뭐 다른 구글 시트를 써서 대시보드 만들 때에는요. 어떻게 했죠? 그 데이터 구조를 알려 주기 위해서 여기 있는 전체 데이터를 다 넣게는 양이 많으니 그중에 일부만 이렇게 복사해서 프롬프트에 넣어 주세요.라고 말씀을 드렸었습니다. 그렇죠? 근데 그렇게 하면 물론 어 대부분의 경우에는 잘하지만 한 가지 문제가 있어요. 자 뭐냐면 우리가 복사한이 데이터 범위의 데이터는 전체 데이터를 대변하지 못하기 때문에 뭐 예를 들어서 거래처를 보자고요. 거래처를 보시면 여기에는 커피빈 로스터리 뭐 스위트 푸드가 있지만 다른 매장들 이런 뭐 빠져 있는 매장들이 누락되는 문제가 있겠죠. 그래서 우리가 이제 앞으로는이 구글 시트 안에는 무료로 제공되는 재미나이 있기 때문에 우리가 데이터 구조를 복사해서 전달하는게 아니고 오른쪽 위를 보시면 재미나이 버튼 보이실 거예요.이 재미나이를 실행해서 AI로 대시보드를 만들 건데 거기에 필요한 데이터 구조를 좀 표로 정리해 줘라고 하면 이걸 복사 붙여 넣게 하지 않아도 재미나이가 모든 시트를 분석해서 데이터 구조 표를 만들어 줍니다. 그 프롬프트를 노션에서 첫 번째예요. 데이터 구조를 여시면 요깁니다. 자,이 프롬부트를 복사해 볼게요. 이걸 복사하신 다음에 오른쪽 위에 [콧방귀] 재미나에게 물어보기 버튼이 있습니다. 이거를 클릭해 볼게요. 이거를 클릭하면 아, 뜹니다. 그렇죠? 여기에다가 붙여 넣게 하고 실행해 볼게요. 모델은 어, 플래시로 할까요? 예, 플래시로 할게요. 빠르게 실행해 보겠습니다. 자, 그러면 여기에 있는 시트를 쭉 분석해서 입출고 시트와 품목 시트에 있는 데이터를 분석해서 데이터 구조가 어떻게 되어 있는지 그 구조 표를 만들어 줄 겁니다. 그렇죠? 이렇게 만들고 품목도 똑같이 복사해서 품목까지 이렇게 만들어 볼게요. 자, 그러면 입출고 시트 입출고 시트에는 데이터 복사해서 메모장에다가 여기에다 부처케 해 주시고요. 그다음 두 번째 품목 데이터도 복사해서 여기에 넣어 주는 거예요. 이거 진짜 편해요. 이게 왜 편리하냐면 우리가 그 평소에 그 많은 양의 데이터를 가지고 AI를 써서 대시보드를 만들 때에는요. 어쨌든 AI가 내가 쓰고 있는 데이터를 알지 못하기 때문에 그 데이터가 어떻게 구조화되어 있는지 전자를 해 줘야 되는데 그걸 매번 복사 붙여 넣기 어려웠거든요. 근데 이제 앞으로는이 브라우저에 있는 재미나이를 사용하시거나 또는 유료 버전 사용자분들은이 재미나이를 사용하시면이 구조화된이 표를 만드시면 되겠습니다. 자, 그럼 그다음 보겠습니다. 그다음으로는 재미나이예요. 자, 제민i.gogle.com으로 와서 실행해 보겠습니다. 자, 지금 보시면 무료 버전이에요. 여기에서. 자, 두 번째입니다. 대시보드 만들기를 여신 다음에이 프론부트를 복사합니다. 복사하셔서 지민하의 입력창에 붙여넣게 할게요. 근데 여기에 붙여 넣게 하시면 편집이 어렵기 때문에 저는이 복사한 거를요. 일단 메모장에 붙여 넣게 해 볼게요. 자, 그리고 나서 여기에서 우리가 바꿔야 할 부분을 제가 넣어 드렸는데 대시보드 제목에 보시면 현재 재고 관리 대시보드라고 돼 있죠. 대시보드 제목은 두드림 카페다. 제고 관리 대시보드입니다라고 바꿔 주고 그리고 데이터 구조 있죠? 별표 친대 있죠? 이거를 지우신 다음에 여기에다가 우리가 방금 만들었던 데이터 구조표를 복사해서 여기에 넣어 주는 거예요. 이렇게 하면 우리가 예전에는 매번이 시트에 있는 이거를 복사해서 넣어 주고 하는 과정이 있었는데 앞으로는 AI가이 데이터 구조를 분석해서 정리해 주기 때문에 우리가 매번 복부하지 않아도이 구조만 갖고 있으면 편리하게 대시보드를 만들 때 활용할 수 있다는 거죠. 그리고 밑에 보시면 스타일 토큰인데요. 이거는 제 홈페이지에 글로벌 유명 브랜드의 스타일 가이드를 준비해 드렸습니다. 그래서 노션에서요. 두 번째죠. 대시보드 만들기를 여시면 밑에 링크가 보이실 거예요.이 링크를 클릭해 볼게요. 여기 오시면 글로벌 유명 브랜드의 모든 스타일 가이드 거의 250여개 브랜드의 스타일을 준비해 드렸어요. 그래서 여기에서 우리가 만들 거는 오늘은 다크 모드를 만들 거여서이 테마복이 있죠? 왼쪽에 테마에서 다크를 클릭합니다. 그리고 나서 오늘은 뭘로 만들어 볼까요? 닌텐도의 프롬프트를 받아 볼게요. 닌텐도에서 시스템 가이드 다운로드 버튼을 클릭하시면이 가이드가 받아줘요.이 가이드가 뭐냐면 이렇게 닌텐도에서 쓰고 있는 스타일을 그대로 적용하기 위해서 뭐 색상이나 이런 공조색, 폰트 등을 정리한 프롬프트가 되겠습니다. 그래서이 프롬프트를 받으신 다음에 편하신 곳으로 옮겨 주세요. 저는 바탕 화면에 넣어 주겠습니다. 자, 그러면은 준비가 끝난 거예요.이 완성된 프롬프트를 복사해서 재밌는 아이에 넣어 줄게요. 재밌에 붙여 넣기 하시고요. 그리고 나서 우리가 방금 받은 스타일 가이드 있죠? 여기에다가 드래그해서 넣어 준다. 자, 그리고 나서 프롬프트를 실행합니다. 자, 그리고 중요한 건이 오른쪽 밑에 보시면 채팅 모드가 있어요. 이거는 대시보드를 만들 때에는 어, 좀 꼼꼼하게 잘 만들어야 되니까 프로 버전으로 사용하시는 거를 추천드리겠습니다. 어, 제미나에는 좋은 점이 무료 버전 사용자도요. 프로 버전의 채팅을 하루에 다섯 번인가 무료로 제공해 주는 걸로 알고 있기 때문에이 프로 버전 체크하신 다음에 만드시면 되겠습니다. 자, 그러면 AI가 데이터를 쭉 정리해서 설계 요약도 하고 뭐를 만들지 스스로 분석을 쭉 해서 대시보드를 만들 때 필요한 코드까지 이렇게 쭉 짜 줍니다. 자, 이렇게 하면은 이제 됐죠? 첫 번째로 코드 GS가 하나 보이실 거고요. 두 번째로 밑으로 내려오시면 인덱스 HTML까지 만들어졌을 겁니다. 자, 이게 뭐냐면 코드 GS는요. 어, 대시보드를 동작할 때 필요한 그 뒤쪽에서 동작할 때 실행되는 코드가 여기에 작성되는 거고요. 두 번째로 인덱스 HTML 코드는 겉으로 보여지는 대시보드 페이지 코드라고 보시면 되겠습니다. 자, 그러면은이 상태에서 다시 구글 시트로 옵니다. 시트로 오신 다음에 우리가 이번에 할 거는이 완성된 코드를 시트와 연결된 대시보드로 만들어 줄 거죠. 자, 그래서 오른쪽 위에 있는 확장 프로그램을 클릭하신 다음에 클릭하시고 앱스 스크립트를 실행해 줄게요. 자, 그러면 이렇게 구글 시트와 연동된 코드를 넣을 수 있는 창이 열립니다. 자, 그리고 나서 이렇게 하는 거예요. 우리가 방금 만든이 코드를 이제 여러 번 수정을 할 텐데 매번 이거를 왔다 갔다 하면서 작업하기 어렵잖아요. 그래서 우리가 이번에 할 거는이 만든 재미나이 편집창 대시보드를 만들 때 코드를 작성하는 창을 나눠서 편하게 작업을 할 거예요. 자, 그래서 재미나로 오신 다음에 단축해요. 알트 시프트 N을 누르시면 탭이 분리가 되면서 왼쪽에는 재미나가 있고 오른쪽에서 어떤 걸 열어서 작업할지 선택하는 탭이 나옵니다. 그래서 여기에서 우리가 할 거는이 코드를 편집할 거니깐요.이 프로젝트가 열린 탭을 열어 주는 거예요. 자, 그리고 나서 이렇게 합니다. 먼저 코드 GS이 코드를 복사하신 다음에 기존에 있는 코드는 지워 주시고요. 여기에다가 붙여 넣게 하는 거예요. 그러면 코드 GS 완성됐고 그다음 두 번째입니다. 여기에서 더하기 버튼 클릭하신 다음에 이번에는 HTML 페이지를 만들어 줄 거예요.

HTML을 클릭하신 다음에 인덱스입니다. 인덱스인데 주의 사항은이 앞에 i는 대문자로 넣어 주셔야 돼요. 왜냐하면 그 프롬프트를 보시면 대시보드를 만들 때 어 여기 있죠. 제가 인덱스는 대문자로 넣었기 때문에 반드시 여기에도 이제 대문자로 넣는 거 주의하시면 되겠습니다. 자, 그러면 인덱스 HTML 페이지가 만들어지고요. 똑같이이 코드는 지워 주신 다음에 그 밑에다가 인덱스 코드를 복사해서 붙여 넣게 하는 거예요. 자, 그러면 대시보드가 완성된 겁니다. 끝났습니다. 이제 이거를 저장해 볼게요. 저장 버튼 클릭해서 저장하시거나 단축키 컨트롤 S로 저장해 주겠습니다. 자, 그리고 나서이 코드에 이상이 없는지 볼게요. 그래서 다시 코드 GS로 오신 다음에 코드 GS에 오시면 오른쪽 위에 실행 버튼 부으실 거예요.이 실행 버튼을 그냥 한번 그냥 클릭해 보겠습니다. 그러면 권한 검토가 나오실 거고요. 권한 검토 클릭하시고 여기에서 이게 뭐 확인되지 않은 거라고 하는데 이건 우리가 우리가 만든 거라 알고 있죠. 우리가 만든 앱이기 때문에 이상이 없습니다. 그래서 고급 버튼 클릭하신 다음에 제목 없는 프로젝트로 이동 이거를 클릭하신 다음에 계속 버튼 클릭해서 내 권한을 승인해 주는 거죠. 그럼 이런 식으로 이상이 없으면은 실행이 시작됨, 실행이 완료됨이라고 나오실 겁니다. 잘 되셨나요? 코드를 붙여 넣게 하시고요. 실행 버튼 클릭했을 때 실행이 완료됨이라고 나오실 거예요. 만약에 코드가 뭔가 잘못됐으면 빨간색으로 알림이 뜨면서 뭐 어디에 이상이 있습니다라고 알림이 뜨실 겁니다. 그러면 잘 동작하는 거 확인했으니까 이제 배포만 하면 돼요. 그래서 오른쪽 위에서 배포를 클릭합니다. 배포를 클릭하시고 나서 새 배포죠. 새로운 배포를 만들어 줄 거고 배포할 형식은이 설정 아이콘 톰디바퀴 아이콘을 클릭하신 다음에 웹이에요. 웹 앱으로 배포를 할 거고요. 설명은요 이렇게 할게요. 설명은 두드림 카페 재구 관리 대시보드입니다라고 할 거고요. 그리고의 대시보드는 그냥 보는 것만 가능하기 때문에 볼 수 있는 사용자는 기본값은 나만 볼 수 있지만 모든 사용자 그니까 링크만 있으면 누구나 볼 수 있도록 모든 사용자가 볼 수 있게 엑세스 권한 사용자를 바꿔 주겠습니다. 그리고 나서 배포를 클릭하세요. 배포 클릭하시면 배포가 잘 될 겁니다. 그러면서 밑에 보시면 웹을 보실 거예요. 이거를 복사할게요. 복사하셔서 새로운 탭을 열고요. 새로운 탭에 붙여 넣게 하시고 실행해 볼게요. 그러면 어때요? 깔끔하게 완성됩니다. 그렇죠? 대시보드가 완성돼요. 닌텐도 느낌 좀 나나요? 닌텐도 느낌이 나나요? 이런 식으로 잘 보입니다. 그리고 보세요. 필터도 걸 수 있고 구분도 잘 볼 수 있고 날짜도 뭐 이번 달 7일 30일 이게 무료 버전에서 만들 수 있다고요. 데이터도 관리할 수 있고 웹 앱을 배포까지 이렇게 할 수 있는 거예요. 이제이 링크를 복사해서 카톡으로 보내 볼게요. 자, 그리고 나서 보시면 이렇게 그렇죠. 깔끔하게 잘 보입니다. 필터도 가능하고요. 30일, 7일. 그렇죠? 잘 보이는 이런 대시보드가 완성됩니다. 혹시 이렇게 보이세요? 이게 예쁘지가 않습니다. 그렇죠? 보시면은 이게 조금 어 그 모바일 뷰가 예쁘지가 않아요. 그래서 좀 바꿔 볼 건데 여기 위에다가 어 영상이 나오는 그니까 실제 홈페이지 같이 멋있게 그 영상이 도는 히어로 섹션을 만들고 그 밑에는 우리가 이번에 할 거는이 재고를 보는 것만 할게 아니라 여기에서 내가 영수증 사진을 이거 사진을 찍으면 그 재고를 자동으로 인식해서 등록까지 하는 걸 할 거잖아요. 그래서 입고 등록 버튼 만들고 세 번째 모바일 반응형까지 되도록 만들어 볼 겁니다. 그래서 이렇게 볼게요. 노션에서 세 번째로 보시면 여기 있죠? 히어로 섹션과 입고 등록 버튼을 만들 거고 그 밑에 보시면 모바일 반응형까지 추정하는 거를 같이 해 볼 거예요. 그래서이 세 번째를 여시면 밑에 링크가 보이실 거예요. 임거가 있죠? 임거를 클릭해서 영상을 넣어 줄 건데요. 어, 일단 여기 들어가는 영상은 우리 매장에 있는 그 멋진 영상을 쓰면 가장 좋을 거고요. 근데 오늘은 예제니까 구글에서 빠르게 할게요. 구글에서 카페 MP4 영상을 검색해서 뭐 멋있는 영상 이런 거 예쁘네요. 네, 이런 걸로 해 보겠습니다. 자, 이런 영상을 받아 줄게요. 이거를 받아서 임거 있죠? 여기에다가 넣어 줄게요. 이렇게 넣어 줍니다. 자, 그러면 어, 음성은 필요 없죠? 음성은 우리는 그 백그라운드로 쓸 거기 때문에 음성은 빼고 영상만 넣어 줄게요. 자, 그러면이 인거는 좋은 점이 영상이 업로드가 되면서 어, 웹으로도 공유할 수 있는 그 공유용 MP4 링크가 만들어져요. 그래서이 업로드된 영상에서 점점점 버튼 클릭하시고요. 여기에서 겟 sh어드링스예요. 겟어드 링크를 클릭하잖아요. 그럼 여기 중간에 보시면은 BB 코드가 있어요. 그죠?이 이 BB 코드를 복사합니다. 이걸 복사하잖아요. 그러면은 볼게요.

MP4 링크가 만들어져요. 이렇게요. 이게 뭐냐면 우리가 방금 대시 모델을 만들었는데 여기 위에다 영상을 넣어 줄 거잖아요. 근데 여기 있는 영상은 우리가 웹로 공유하는 거니까 웹로 틀 수 있는 MP4 링크가 필요한데 그 영상 링크를 만든 겁니다. 그래서이 링크는 남겨 둔 상태로 세 번째 프롬프트 복사할게요. 이거를 복사해서 똑같이 메모장에 넣어 주겠습니다. 넣어 주고요. MP4 링크 입력 완성된 링크이 대괄로로 있는 이미지 이거는 빼고요. 이거는 지우고 HTTP부터 MP4까지만 넣어 줍니다. 이거를 복사하신 다음에 여기에 MP4 링크 입력 있죠? 여기에다가 넣어 주겠습니다. 자, 그리고 나서 어, 나머지는 이제 등록 URL 버튼은 우리가 잠시 뒤에이 견적서를 등록하는 페이지는 따로 만들 거여서 이건 나중에 할게요. 그리고이 완성된 폰트를 그대로 복사합니다. 그대로 복사해서 아까 작업한 재미나이 있죠? 재밌는 아이에 프롬프트를 똑같이 넣어 줍니다. 그대로 넣어 줄게요. 넣고 실행해 주겠습니다. 자, 그러면이 채팅 창에는 우리가 방금 만들었던 대시보드 페이지를 알고 있기 때문에 이거를 기반으로 네, 수정된 수정된 페이지를 만들어 줄 거예요. 자, 잠시만 기다리시면 놀라운 우리 회사만의 엄청난 대시보드가 완성될 거예요. 그렇죠? 자, 그러면은이 완성된 코드를 그대로 복사할게요. 이거를 그대로 복사해서 기존에 있던 인덱스 HTML 코드 있죠? 이거는 지워 줍니다. 기존에 있던 인덱스 HTML 코드를 지워 주시고 여기에다가 새로운 코드를 넣어 주는 거예요. 넣고 다시 저장해 주겠습니다. 저장하시고 배포에서 배포 관리죠. 배포 관리 오신 다음에 우리가 바꿨으니까이 바뀐 걸로 다시 올려 줄 거예요. 그래서이 수정 버튼 연필 아이콘 클릭하신 다음에 버전을 올려 주는 거예요. 새로운 버전으로 바꿔 주시고 설명에는 영상 히어로 섹션 플러스 입고 등록 버튼 추가라고 하겠습니다. 자, 이렇게 하신 다음에 배포를 해 줄게요. 자, 그리고 나서 다시 URL로 이동해 볼까요? 이동해 보면 그렇죠. 이동하면 어때요? 이런 이런 대시보드가 만들어집니다. 이게요. 지금 제가 뭐 임시 영상을 써서 그렇지 우리 매장용 전경을 이렇게 해서 찍은 다음에 그 영상을 넣잖아요. 그러면 진짜 멋진 대시보드가 이렇게 만들어지는 거예요. 잘 만들어지셨나요? 엄청나죠. 자, 근데 이거를 봤더니 저는 어 한 가지 한 가지 좀 추가했으면 하는 기능이 있어요. 자, 뭐냐면이 재고주의 품목이 뭐냐하면 이건 지금 안전 제고보다 부족한 수량인 거잖아요. 그래서이 현재 재고량에 보시면 이게 재고주의 품목이 있긴 한데 이게 뭔지를 볼 수 없잖아요. 그렇죠? 이게 뭐지 하고 보려면은 직접 와서 봐야 하는 이런 좀 불편함이 있습니다. 그래서 이렇게 해 볼게요. 여기에서 요청하는데 단축키입니다. 윈도우 키랑 H를 누르시면 마이크로 입력할 수 있어요. 이걸 입력하신 다음에 좋아 잘 됐는데이 대시보드를 보니까이 재고 주의 품목을 내가 보려면 밑에 있는 표를 직접 보고 다시 살펴봐야 하는 번거로 의미인데이 재고주의 품목을 클릭하면 어떤게 재고주의 품목이고 그 재고주의 품목이 어떻게 사용됐는지 그 사용량도 볼 수 있도록 기능을 추가하면 좋겠어. 자, 이렇게 입력하는 겁니다. 입력하신 다음에 그냥 실행할게요. 사실 이게 이제 보시면 뭐 100% 정확하게 전사가 된 건 아니지만 이게 AI가 또 해석을 잘하기 때문에 그냥 이대로 실행해 주겠습니다. 자, 그러면 우리가 방금 만든이 멋진 대시워보드에서이 재고주의 품목이 뭔지 보려면 내가 직접 밑으로 와서 봐야 했는데 그거를 개선해서이 버튼을 클릭하면 직접 볼 수 있는 걸 할 수 있겠죠. 그죠?

[콧방귀] 그러면 이렇게 인덱스 페이지가 완성됐죠?이 완성 바뀐 거를 복사해 보겠습니다. 바뀐 거를 그대로 넣고 저장한 다음에 똑같죠? 새롭게 배포합니다. 배포 관리해서 새로운 버전으로 올려 줄게요. 여기에다가는 부족 제고 확인 기능 추가라고 넣어 주고 배포를 해 주겠습니다. 자, 그러면이 완성된 URL를 다시 볼까요? 복사한 다음에 다시 볼게요.이 기능이 추가된 걸 보면이 버튼을 클릭하면 어때요? [웃음] 어때요? 이런게 됩니다. 지금 녹차 파우더 주문해 주문해야 된대요. 크루아상 생지랑 컵홀더 종발대 이거 중요하거든요. 이거 보세요. 컵홀더가 부족했어요. 그러면 그날 장사 못 하는 겁니다. 근데 이렇게 부족한 제거를 볼 수 있다. 그렇죠? 어마어마하죠? 이제 그다음으로는 마지막이에요. 벌써 마지막입니다.이 거래처에서 물건을 받았습니다. 그러면이 물건에 대한 정보를 내가 매번 포스 기계에 찍는게 아니고 이제 앞으로는이 대시보드에서 모바일로 이거를 클릭한 다음에이 사진을 찍는 창이 나오고 그거를 찍었을 때 여기 있는 재고가 자동으로 입고로 처리되면서 업데이트가 되는 그 기능을 넣어 볼 거예요. 그 기능을 정리한 프롬프트가 다섯 번째입니다. 여기에서 그 재고 등록품을 만들 건데요. 근데 우리가 먼저 해야 될 거는이 재고 등록을 할 때이 영수증을 인식하려면 AI를 써야 돼요. 근데 AI를 쓸 텐데이 AI 모델을 여기에다 연동해야겠죠. 이걸 연동하려면 그죠?

API가 필요해요. 그래서 API 키를 발급받을 건데 놀랍게도 구글에서는 하루에 좀 제한되지만 일정 부분 쓸 수 있는 무료 API 키를 제공합니다. 그래서 이거 같이 만들어 볼 건데요. 밑에 링크를 남겨 드릴게요. 구글 AI 스튜디오입니다.이 링크를 클릭하시면 이렇게 API 키를 발급받는 창이 나와요. 자, 그리고 나서 대시보드입니다. 대시보드를 클릭할게요. 그럼 여기에서 API 키를 발받빠질을 수 있거든요. 기존에 키가 있으신 분은 여기 키가 보이실 거고요. 없으신 분은 오른쪽 위에서 API 키 만들기 버튼을 클릭해서 키를 만들 수 있습니다. 그러면은 이런 식으로 이제 키가 만들어집니다.이 API 키는 보안 키입니다. 어, 지금은 무료 티어라 상관없는데 나중에 혹시라도 내가 결제를 직접 패서 쓰신다고 할 때에는이 키가 유출되면 내 결제 수단으로 결제가 막 되는 거예요. 그렇기 때문에 API 키는 유출되지 않도록 잘 보관해 놨는 거 주의해 주시고요.이 생성된 키를 복사해 주겠습니다. 이걸 복사해서 메모장에 보관해 줄게요. 생성되었고. 자, 그다음 보겠습니다. 다섯 번째예요. 자동 등록 만들기에 필요한 프롬프트를 복사해서 메모장에 넣어 주겠습니다. 넣어 주시고 여기에다가 지미널 키 있죠? 넣어 주는 거예요. 넣어 주시고요. 그다음으로 밑에는 데이터 구조예요.이 데이터 구조는 우리 방금 전에 만들었죠. 아까 만들었던 데이터 구조. 구조 정리표. 정리표를 복사해서 여기에다가 넣어 주겠습니다. 자, 그러면은 프롬프트가 완성된 거예요. 그래서이 완성된 푸름프트를 복사합니다. 복사하신 다음에 다시이 재미나이에 넣어 주는데 어 지금 보시면이 대화가 많이 길어졌죠. 그래서 우리가 사실 유료 버전에서는 상관이 없는데 무료 버전에서는이 대화가 길어지면 전에 있는 대화까지 같이 보기 때문에이 응답 퀄리티가 떨어지는 문제가 있습니다. 어, 특히 좀 재미난 아이는 그게 심해요. 그래서 대화가 기니까 세 채팅으로 열어 준 다음에 여기에다가이 푸른포트를 넣어 주겠습니다. 이렇게 하는 이유는 우리가 지금 만드는 그 재고 등록 서식은 우리가 방금 전까지 했던이 재고 관리 대시보드랑은 또 별개기 때문에 새로운 채팅해도 괜찮겠죠? 그래서 새 채팅을 연 다음에 여기에서 실행해 주겠습니다. 어 모델은 프로로 선택하는 거 지해 주시고요. 프로로 선택하신 다음에 실행해 줄게요. 자 그러면 이제 입고를 등록하는 코드까지 만들어 줄 겁니다. 자 그러면은 코드가 다 완성됐죠? 이렇게 코드 GS랑 인덱스까지 잘 완성됐습니다. 자, 그러면 이렇게 완성된 코드는 지금 오른쪽에 있는이 코드는 대시보도형 코드고 우리가 왼쪽에서 방금 만든이 코드는 입고 등록을 위한 코드죠. 자, 그래서이 프로젝트를 새로 만들어 줄 겁니다. 그 전에 우리가 만든이 프로젝트는 이름을 보시면 제목 없는 프로젝트예요. 그래서 이거를 바꿔 주면 좋겠죠? 이름을 클릭하신 다음에음 이거는 두드림 카페음 대시보드다. 이렇게 이름을 바꿔 줄게요. 자, 그리고 나서 앱스 스크립트를 클릭하면 메인 페이지로 이동해요. 여기에서 새로운 프로젝트를 추가해 주시고요. 이름 바꿔 줄게요. 새 프로젝트 이름은 다시 클릭하신 다음에 두드림 카페 어 입고 등록이다. 입고 등록이다라고 바꿔 주겠습니다. 자, 그리고 나서이 프로젝트에 완성된 코드를 넣어 주는 거죠. 과정은 똑같습니다. 똑같이 코드 GS 복사하신 다음에 기존 코드 지우고 붙여 넣기. 그다음으로는 인덱스죠. 인덱스 HTML을 추가한 다음에 똑같이이 완성된 코드를 복사해서 넣어 주겠습니다. 어, 다만 주의 사항은 아까랑 똑같아요. 여기 있는 인덱스에서 I는 대문자로 하는 거 주의하시면 되겠습니다. 그리고 나서 프로젝트를 저장하신 다음에 코드 GS로 와서 실행 버튼 클릭해 볼게요. 잘 동작하는지 실행 버튼 클릭하시면 똑같이 권한 검토가 나오고 아까랑 똑같죠? 우리가 만든 거기 때문에 고급 버튼 클릭하신 다음에 여기에서 모든 권한 체크하고 계속 버튼 클릭해서 넣어 주겠습니다. 자, 그러면 잘 만들어졌고이 위를 볼까요? 코드 GS에서 뺀 위를 볼게요. 이제 우리가 입고 등록을 할 텐데 입고 등록을 하려면 지금 우리가 쓰고 있는이 시트에다 넣어 넣어 줘야 되겠죠. 그래서 어떤 시트에 넣을 건지 시트 아이디를 넣어 줘야 될 거예요. 그렇죠? 그래서이 시트를 보시면이 URL을 볼게요.

URL에서 잘 보시면 D가 있고 뒤에 에디트가 있습니다. 그렇죠?이 이 D와 에디트 사이에 있는 이거이 값이 시트 아이디예요. 그래서 이거를 복사합니다. US 코드에서 시트 아이디를 바꿔 주는 거예요. 바꾸고 저장해 주겠습니다. 자, 그리고 나서 배포할게요. 배포 클릭하시고 우리가 방금 만든 입고 등록은 처음 배포하는 거죠. 그래서 세 배포예요. 세 배포로 똑같이 웹입니다. 웹앱 클릭하시고요. 설명은 두드림 카페 입고 등록 버전 1.0이다라고 하고 주의 사항은 입고를 등록하는 거는 나만 봐야겠죠. 아까 만든 대시보드는 누구나 볼 수 있었어요. 근데 입고 등록하는 거는 누구나 하면 안 되겠죠. 나만 볼 수 있어야 돼요. 그래서 엑세스 권한이 있는 사용자는 나만 볼 수 있게 체크하시면 되겠습니다. 그리고 배포 버튼 클릭할게요. 배포 클릭하시면 배포가 됩니다. 그리고 복사 버튼 복사해서 볼게요. 복사에서 와서 보시면 이제 이렇게 영수증을 등록하는 창이 나오죠. 한번 볼게요. 이제 여기에서 영수증을 올려 보겠습니다. 파일 선택을 클릭해서 올려 볼게요. 자, 이거를 한번 찍어 보겠습니다. 촬영을 하고 업데이트 해 볼게요. 사용을 클릭하면 분석을 쭉 하죠. 정리가 됩니다. 그렇죠? 그럼 수리 잘 볼까요? 여기 있죠? 24개, 30개 이상 없죠? 잘 되죠? 그리고 저장 버튼 클릭하잖아요. 클릭하면 업데이트가 됩니다. 그렇죠? 업데이트가 되고 다시 대시보드를 와서 보시면 제고 주의 품목이 사라집니다. 그렇죠? 이런 식으로 관리가 된다는 거예요. 그렇죠? 엄청 편하죠? 이제 다 했고요. 이제 마지막으로는이 대시보드에서이 버튼 클릭하면 이제 입출거 등록 바로 할 수 있게 만들어 볼게요. 그래서 아까 만든이 앱스크립트에서 우리가 방금 만든 거는 입고 등록이었고 이번에 할 거는 엑스크립트 목록에서 대시보드로 오신 다음에 대시보드에서 인덱스로 오신 다음에 여기에서 검색해 볼게요. 레지스터를 검색하시면 여기에 레지스터 URL 보이실 거예요. 그렇죠? 지금은 이게 저는 폼주로 되 있는데이 링크를 우리가 방금 만든 어 입출고 등록하는 그 폼의 링크로 바꿔 줘야겠죠. 그죠? 그래서 이렇게 합니다. 앱스 스크립트에서 입출고 등록 폼으로 오신 다음에이 배포에서 배포 관리죠. 이거 오신 다음에 여기로 오셔서 링크를 복사하는 거예요.요 아래 복사하시고요. 다시 대시보드에서 여기 있죠? 스트스터 URL 이거를 지워 주는 거예요. 이거를 지워서 우리가 만든 입출고 폼으로네 바꿔 주는 겁니다. 바꾸고 저장해 줄게요. 저장하신 다음에 배포를 해 주는 거죠. 새로운 배포로 배포 관리해서 올려 주는 거예요. 등 버전만 바꿔 주겠습니다. 입고 등록 링크 추가라고. 네. 바꿔 주시고 새롭게 배포를 해 주는 거죠. 자, 그러면 이제 다시 왔을 때이 버튼을 클릭하면 입고 등록하는 폼으로 오는 겁니다. 팁 하나 소개해 드릴게요. 방금 만든이 대시보드를 휴대폰으로 실행을 할 건데 매번 카톡 열고 링크 열기 불편하잖아요. 그래서 이렇게 만든 앱을 휴대폰 바로 가기로 등록하는 팁까지 소개해 드리겠습니다. 자, 어떻게 하냐면이 링크를 카톡으로 보내 볼게요. 자, 카톡으로 보내 볼게요. 여신 다음에이 링크 있죠? 이거를 복사합니다. 복사하시고요.이 상태에서 전 아이폰이라서 사파리를 오신 다음에 실행하시면 이렇게 이제 보이실 거예요. 잘 보이죠? 그러면은 그 상태에서 점점점 클릭하시고 공유를 클릭한 다음에 이거를 어 저장하는 거죠. 홈에 추가하는 걸로 홈 화면에 추가를 클릭하시고 이거는 제고 관리 대시보드다. 추가를 하는 거죠. 그러면 어때요? 추가가 되었죠. 자, 이렇게 해서 옮겨 주시면 앞으로 이거를 클릭하면 열리고 그 상태에서 자, 영수증을 촬영을 해 볼게요. 이거를 촬영해 보겠습니다. 자, 그러면 이제이 재고가 등록되겠죠? 사용해 볼게요. 하고 잠시만 기다리면 그렇죠. 분석됐죠? 그리고 저장해 보겠습니다. 저장을 하면 이게 업데이트가 됐죠? 그러면서 보세요. 다시 돌아와서 보시면 제고가 바뀌죠. 두 개로. 그렇죠? 이런 식으로 관리가 되는 겁니다. 이거 지금 다 무료로 했죠. 무료 버전도 충분히 가능하다는 거예요. 이런 서식을 만들 수 있습니다. 다음 주에 뵐게요. 고생하셨습니다. 감사합니다. 안녕히계세요. 안녕히계세요.