Gemini API & Firebase 웹 서비스 만들기 (피자 전원 드림 + 14억 원, 드로이안 전기차)
HTML-код
- Опубликовано: 21 авг 2024
- 완성 작품
jocodinghackat...
강의 자료
jocoding.net/g...
2024년 7월 13일(토) 오후 2시 - 구글 제미나이 해커톤 참여겸 Gemini API & Firebase 웹 서비스 만들기 라이브 진행합니다 (알림 신청하기)
조코딩 60만 구독자 기념 "2024 조코딩 AI 해커톤 with Google"이 진행됩니다.(후원: Google) 조코딩과 함께 글로벌 Google Gemini API 개발자 대회를 준비해요!
📓 주제: Gemini API를 활용한 AI 웹/앱 서비스 만들기
기존 혹은 새로운 앱에 Gemini API를 도입하는 것 모두 가능
제품 및 프로토타입 제작하여 Python, Node.js와 같은 형식으로도 제출 가능
📆 대회 일정
조코딩 AI 해커톤 과제 제출 마감: 2024년 8월 4일(일) 23:59까지
본선 진출자 발표: 2024년 8월 7일(수) 본선 진출자 개별 연락
오프라인 본선 및 시상식: 2024.8.10(토) 14:00-17:30, 구글 스타트업 캠퍼스
💎 참여 프로세스별 혜택
STEP 1. 스타터를 위한 해커톤 참여 응원선물
조코딩 AI 해커톤에 도전하는 스타터 분들을 위한 응원 선물을 받아가세요. (Google AI Studio에서 Gemini API Key 발급 후 스타터 이벤트 폼즈로 인증한 선착순 2,000명에게 스타벅스 기프티콘 제공)
STEP 2. 조코딩 AI 해커톤 과제 제출 선물
발급받은 Gemini API Key로 AI 웹/앱 서비스를 만들어 조코딩 AI 해커톤에 도전하세요. 2024년 8월 4일(일) 23:59까지 대회 규정에 맞춰 과제를 완성하고 과제 제출 폼즈를 통해 제출하면, 제출자 전원에게 도미노피자 슈퍼슈프림L 기프티콘을 드립니다.
STEP 3. 조코딩 AI 본선 진출 기념 선물
2024년 8월 7일(수)에 조코딩 AI 해커톤 본선 진출자가 발표되며, 진출자 전원에게는 특별한 Google 기념품이 제공됩니다.
STEP 4. 조코딩 AI 해커톤의 Live 본선 참여 및 우승 상금
2024년 8월 10일(토) 구글 스타트업 캠퍼스에서 본선 및 시상식이 개최되며, Top 6 수상작들에는 총 500만원 상금을 수여합니다. 조코딩과 참가자들 간의 오프라인 네트워킹에 참여하고, 60만 조코딩 유튜브 채널에 본인 서비스를 홍보할 기회를 놓치지 마세요.
STEP 5. Gemini API 개발자 대회 참여 및 우승 상금
제작하신 AI 웹/앱 서비스를 Google Gemini API 개발자 대회에도 지원해보세요. 수상작들에는 총 백만 달러의 상금을 수여하며, 최우수상에게는 1981 DeLorean 커스텀 전기차를 우승 선물로 함께 드립니다.
참고 사항
이벤트 참여 시 작품이 관련 법령 및 구글 약관(예를 들어, Gemini API 추가 서비스 약관)을 준수하여야 함을 참조 부탁드립니다.
[참여 링크]
🔗STEP 1. 스타터를 위한 해커톤 참여 응원선물
👉goo.gle/aistudi...
👉forms.gle/fZ15...
🔗STEP 2. 조코딩 AI 해커톤 과제 제출 선물
👉forms.gle/8A7S...
🔗STEP 5. Gemini API 개발자 대회
👉goo.gle/gemini...
라이브 설명회
ruclips.net/user/li...
완성 작품
jocodinghackathon.web.app/
강의 자료
jocoding.net/gemini
조코딩님 그 끈기와 실력이 대단하십니다. 오늘 구독하고 뒤늦게 따라가고 있는데요, 10시간 생방송 하셨나봐요. 처음 참여하는 건데 끝까지 따라서 해보겠습니다. 정말 감사합니다~!!!
이 형 가끔 한번씩 10시간씩 라이브 조지는거 보면 개쩜
33:00 직업을 지명해주면 쉽게 되는거같아요. 예술가로 지명해주니까 safety setting 다 0으로 놓고 돌리니, hate, harassment 중간 정도 뜰때도 있지만 아얘 safety 경고도 안뜨고 잘될때도 있어요. 캐리커쳐 그리는 예술가로 지명했습니다.
3:37:00 이미지 받기
4:09:45 프론트 제작
4:29:41 피자(식사)
오늘 정말 고생많으셨습니다. 삭신이 쑤시고 어깨가 아프지만 뿌듯했네요
이번기회에 많이 배우고 갑니다. 작은 서비스 만드는데 왕초보로서 그리 쉽지가 않네요. 유데미에서도 강의 잘 듣고 있습니다. 감사합니다.
다 만든 웹앱에 에드센스 붙이는 방법도 영상으로 다뤄주실 수 있으실까요? 보니까 광고 조건들이 있더라고요 사용자 댓글 기능을 필수로 구현해야되는 것 등.. 영상으로 다뤄주시면 광고 열심히 시청하면서 참고하겠습니다!
GG 수고많으셨어요 총 5시간 봤습니다
감사합니다! 나머지 5시간 강의도 화이팅입니다!!
10시간의 노고가 헝크러져가는 머리와 표정에서 전부 보인다!!
조코딩님 정말 대단하고 멋지십니다. ^_^b 10시간동안 고생 많으셨어요🎉
진짜 멋지다... 끝까지는 못봤지만요! ㅠㅠ
Mr.jo please translate later🙏🏻🙏🏻thank you 🙏🏻🪴🌹🌺🌺I exercise🙏🏻
구글은 참여 선물로 피자가 아니고 치킨을 했어야 한다.
미국 회사잖아
👍👍👍👍👍
지금 프롬프트 주제랑 내용도 다르게 정해서 하다가
영상 2:53:39 지점에서 Google AI Studio 에서 모델을 'Gemini 1.5 Flash' 선택 상태에서는
'Advanced settings' 항목에 있는 'Outpu in JSON' 속성에서 'Edit schema' 가 나타나지 않아서
우선 JSON 형식 안받고 그냥 텍스트로 받는 걸로 해보려고 하는데
조코딩님 실습이랑 많이 다르지 않으면 좋겠어요.
비슷한 서비스를 만들어 봤는데 사진에 따라서 안전 이유로 답변이 거부되는 경우가 종종 있네요 블럭을 완전하게는 못막나요(그냥 보통 사진인데도). 그래도 재밌는 컨텐츠에 감사합니다.
조코딩님, 마감기한 내에 제출은 했는데 오늘 연락이 없는 거 보니 본선 진출은 안된 거 같지만
그래두 도미노 피자 먹고 싶은데 '슈퍼슈프림L 기프트콘'은 언제 받을 수 있을까요???🙂
참, 오늘 보내주신 스타벅스 커피는 잘 마셨습니다. 감사합니다!!!🙂
본선 진출자 분들은 개별 연락드렸습니다! 아쉽게 선정되지 않으신 분들이라도 8/12까지 동일한 기준으로 제출 가능한 글로벌 대회도 있으니 잊지 말고 꼭 참여해 보세요! 조코딩 대회의 심사와 글로벌 대회가 보는 시선이 다를 수 있으니 본선에 오르지 않았다고 해서 절대로 부족한 서비스가 아닙니다. 글로벌 대회에서 꼭 좋은 성과 있으시길 바라겠습니다!
본선 여부와 상관없이 유효한 제출자 "전원"에게 "도미노피자 슈퍼슈프림L" 기프티콘이 발송됩니다. 빠르면 이번 주 금요일 오후 중으로 발송이 가능하다고 하니 맛있게 드세요!!
본선 진출작 외에도 소개하면 좋을 재미있는 작품들이 많아서 이번 주 8/11(일) 저녁 9시에 본선 진출자 외의 작품들도 제가 직접 라이브 리뷰 하겠습니다!! 그것도 기대해 주세요!
[LIVE] 조코딩 AI 해커톤 with Google 본선 - 2024년 8월 10일(토) 오후 2시 현장 라이브 동시 송출
👉ruclips.net/user/liveyw7imf0x0nk?feature=share
글로벌 Gemini API 개발자 대회 (~8/12)
👉goo.gle/gemini-api-competition
@@jocoding 이번 주 방송 잼있을거 같아 기대되네요!
SEO, 공유하기에 대해선 접하기 힘들었는데 이번 기회에 "아 저렇게 하는거구나!" 하고 배울 수 있어서 감사했습니다!!
다음에 기회되시면 광고등 수익화와 마케팅에 대한 홀로서기에 도움되는 주제로 라이브 코딩 해주시면 꼭 따라 해보겠습니다 :-) !!!
12:43 개발자 대회
17:00 개발환경
동물인물상은 질문에 문제가 있어 보입니다.
내가 아니고 사진의 얼굴이 // 어떤 동물과 아니고 어떤 동물의 얼굴과 // 닮았는지 아니고 유사하거나 떠오르는지 또는 제일 유사한 동물의 사진이나 이미지 //
등등 구체적으로 질문이 되어야 할 것같네요.
진짜 죄송한데 소스까지 참고해서 따라가도 최종소스가 firebase emulation에서 실패하는데, 이게 firebase문제인지 제 문제인지 당최 모르겠네요. 이걸 써서 개발하는게 맞나 싶습니다.
어떤 오류가 나오시나요?
@@jocoding 다시 보면서 처음부터 만들다가 아래 내용들 알게 되어서 해결했습니다. 감사합니다~
왜 http functions URL이 안나오나: Firebase console에서 "웹 앱에 Firebase 추가"를 하고 Firebase 호스팅도 설정해야 함
시뮬레이터 실행 시의 내 index.html주소는 어디인가: preview에서 얻어오기
왜 CORS이슈가 해결되지 않나: 6:56:17
@@jocoding Firebase의 프로젝트 설정에 가면 "내 앱"에 각 앱별 설정하는 방법이 계속 나오는데 이게 꽤나 핵심적인 내용인 것 같습니다. Analytics 키도 여기에 있네요.
Firebase와 Google Cloud Console를 꿰고 있어야 잘 쓸 수 있는 것 같네요. 시간은 많이 들였지만 덕분에 Google Cloud 생태계를 좀 알게된 것 같아 감사드립니다!
@@jocoding 테스트 해 보다가 느끼는 건데, 프롬프트 때문인지 점수가 5점단위로만 나오게 되는 것 같습니다.
피자!
대회 출품용은 아니고 동일한 서비스를 만들었을 때, gemini와 챗 gpt를 비교하고 싶어서 openai api를 활용한 버전으로 다시 만들어 보려고 합니다. api 부분만 바꾸고 다른건 동일하게 만들면 되는 건가요?
네 맞습니다!
@@jocodingai 모델 파트만 바꿔 끼웠습니다. 큰 차이는 없는거 같은데, 뭔가 gpt가 조금 더 후한 것 같습니다.
조코딩님, 저는 중간부터 잘 안돼서 , 완전 처음부터 다시 해보고 있는데요, 12번 이후로는 터미널에서의 명령어도 오류가 나고, 실행해도 오류가 나서 완성을 못하고 있어요. 꼭 완성해 보고 싶은데요... 최종 코드로 실행해도 안되네요. 영상을 반복해서 보고 해 봐도 잘 모르겠네요. 단계별로 입력해야 하는 명령어들과 조코딩님의 최종 코드에서 제가 변경해야 하는 부분들을 표시해 주실 수 있을까요? 어제는 화면도 나와서 이미지 파일도 받는 것까지 됐어고 배포도 됐었는데 이제는 다 안되네요. 여러번 해 봐도 오류가 계속 나오니까 마무리를 못짓고 있어서 속상하네요. 10시간이나 고생하셔서 알려 주셨는데 이런 말씀 드려서 죄송해요...
오류 메세지 올려주시면 어떤 것인지 확인해보겠습니다!
@@jocoding 바쁘실텐데 답장 주셔서 감사합니다~ 일단, 제가 다른 계정으로 처음부터 다시 해 보고 그때도 안되면 문의하겠습니다.
디스코드 채널은 멤버쉽 없어도 가입 가능한가요?
넵 맞습니다!
@@jocoding 어제 늦게까지 고생하셨습니다. 전 지금 2:14:06 부분 따라 하고 있는데 카드 결제 안하고 어디까지 되는지 해보고 있어요. 근데 디스코드 URL 누르니까 만료됐다고 나와서 질문 드려봤어요. 실습 다 해보고 다시 디스코드 들어가볼게요. 묘하게 조코딩님 코딩라이브는 천천히 기다려주는 느낌이 들어서 따라할 중독성이 있어서 작년 코딩라이브 이후 또 따라 해보네요🙂
이 방식으로 진행하면 사진은 서버에 따로 저장되지 않고 초기화했을때 정보가 바로 삭제되는 거 맞을까요?!
넵 맞습니다!
아이폰에서는 왜 이미지 첨부가 안될까요ㅠ
똑같이 했는데, 저는 실행하면 Analysis Result:
Score: undefined
Reason: undefined
이렇게 에러가 나오는데 왜 그럴까요.
terminal에 오류가 뜨신 것은 없으신가요? 디버깅을 좀 해봐야할 것 같네요!
피자 주나요?
넵 STEP 2. 제출자 전원 드립니다
@@jocoding 팀으로 참여시 팀당 주나요? 팀원 모두 주나요?