Firebase AI Logic

Transcript

1. 돈 안쓰고 플러터 앱에 AI 구현하기 with Firebase AI Logic 권태형 고려대학교 / Flutter Seoul
2. 연사자 소개 @TaeBbong 권태형 @TaeBbong 고려대학교 정보보호학부 졸업 보안 업계에 7년 근무 계약(5년 완료) 인프런에 무료 플러터 강의를 올려 대략 1.8만명 수강 책 두 권 집필 플러터는 2019년부터 알았지만, 점점 더 친해지는 중 요즘엔 오픈소스 기여, 플러터 코어에 제일 몰입 중 불의의 사고로 흑역사에 가까운 Flutter OpenStage Daegu
3. @TaeBbong 이전 발표 Flutter OpenStage Daegu
4. 플러터 앱에 AI(LLM) 기능 추가하기 근데 개인 프로젝트 경험을 곁들인.. @T aeBbong 오늘의 주제 Flutter OpenStage Daegu
5. 다시 한번 저를 소개하면... @TaeBbong 회사에서는 AI, 보안하는 사람 개인 플러터 개발자 Flutter OpenStage Daegu
6. 개인 프로젝트 “청모”를 소개합니다! AI가 정리하는 모바일 청첩장 청모 @TaeBbong Flutter OpenStage Daegu
7. 왜 만들었을까요?? 결혼식이 언제였지? 어디였지?? 모바일 청첩장이 어디있더라?? @TaeBbong Flutter OpenStage Daegu
8. 해결하고자 했던 문제 https://invite-wedding.com/4dw35e @TaeBbong Flutter OpenStage Daegu
9. 해결하고자 했던 문제 너무 많은 청첩장 벤더, 페이지 다양한 웹 @TaeBbong Flutter OpenStage Daegu
10. 해결하고자 했던 문제 너무 많은 청첩장 벤더, 페이지 다양한 웹 @TaeBbong Flutter OpenStage Daegu
11. GPT API 기반의 개념증명 성공 크롤링 및 1차 파싱 @TaeBbong GPT 해줘! Flutter OpenStage Daegu
12. @TaeBbong GPT 해줘! Flutter OpenStage Daegu GPT API 기반의 개념증명 성공
13. @TaeBbong GPT 해줘! Flutter OpenStage Daegu 크롤링 및 1차 파싱
14. 서버를 고려한다면 백엔드 지식, 보안, 관리, 비용 등 문제 @TaeBbong 잘되는데... 앱에 어떻게 연결하지? Flutter OpenStage Daegu
15. 서버를 고려한다면 백엔드 지식, , 관리, 등 문제 보안 비용 @TaeBbong 잘되는데... 앱에 어떻게 연결하지? Flutter OpenStage Daegu
16. 함수 형태로 백엔드 엔드포인트 개발 @TaeBbong Firebase Functions Flutter OpenStage Daegu
17. 1년간 유지보수, 리팩토링하면서 운영 @TaeBbong 그 덕분에 완성된 “청모” Flutter OpenStage Daegu
18. 1년간 유지보수, 리팩토링하면서 운영 @TaeBbong 그 덕분에 완성된 “청모” Flutter OpenStage Daegu
19. 1년간 유지보수, 리팩토링하면서 운영 @TaeBbong 그 덕분에 완성된 “청모” Flutter OpenStage Daegu
20. 서버 콜드 부팅, 비용 문제 발생 @TaeBbong 1년을 보내며 아쉬웠던 점 Flutter OpenStage Daegu
21. Gemini API 클라이언트 SDK 를 호출할 수 있는 @TaeBbong Firebase AI Logic Flutter OpenStage Daegu
22. Gemini API 클라이언트 SDK 를 호출할 수 있는 @TaeBbong Firebase AI Logic Flutter OpenStage Daegu
23. flutter : 3.38.5 dart : 3.10.4 @TaeBbong Firebase AI Logic 사용법 - 0) 환경 Flutter OpenStage Daegu
24. @TaeBbong Firebase AI Logic 사용법 - 1) 파이어베이스 프로젝트 생성 Flutter OpenStage Daegu
25. @TaeBbong Firebase AI Logic 사용법 - 2) 앱 추가 Flutter OpenStage Daegu
26. @TaeBbong Firebase AI Logic 사용법 - 3) 파이어베이스 설정 Flutter OpenStage Daegu
27. @TaeBbong Firebase AI Logic 사용법 - 4) AI Logic 추가하기 Flutter OpenStage Daegu
28. @TaeBbong Firebase AI Logic 사용법 - 5) 플러터 패키지 설치 Flutter OpenStage Daegu
29. @TaeBbong Firebase AI Logic 사용법 - 6) 코드 구현 Flutter OpenStage Daegu
30. @TaeBbong Firebase AI Logic 사용법 - 7) 실행 Flutter OpenStage Daegu
31. 클린 아키텍처 get_it, injectable, bloc @TaeBbong “청모” 적용 사례 Flutter OpenStage Daegu
32. @TaeBbong “청모” 적용 사례 - FirebaseAiLogicImpl Flutter OpenStage Daegu 추상 DataSource인 ScheduleRemoteSource
33. @TaeBbong “청모” 적용 사례 - FirebaseAiLogicImpl Flutter OpenStage Daegu DataSource 구현체 CloudFunctionImpl
34. @TaeBbong “청모” 적용 사례 - FirebaseAiLogicImpl Flutter OpenStage Daegu DataSource 구현체 FirebaseAiLogicImpl
35. @TaeBbong “청모” 적용 사례 - FirebaseAiLogicImpl Flutter OpenStage Daegu 1차 파싱 코드 Python → Dart
36. LLM에 를 정의하여 출력하게 하는 기능 스키마 @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu
37. @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu Firebase AI Logic에서도 지원 Structured Output
38. @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu
39. responseSchema 예제만 있음 @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu
40. responseJsonSchema는?? @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu
41. responseSchema responseJsonSchema @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu
42. @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu Map<String, Object> 형태로 스키마 선언
43. responseJsonSchema, responseMimeType 설정 @TaeBbong “청모” 적용 사례 - Structured Output Flutter OpenStage Daegu
44. @TaeBbong 마치며 Flutter OpenStage Daegu
45. 감사합니다! @TaeBbong