잠시만 기다려 주세요.
Full Stack Flutter
2024. 10. 28.
This is a talk from the Full Stack Flutter conference held in May 2024. https://fullstackflutter.dev There is no doubt that a custom backend is the most secure and flexible option for your app. It is also the most time and resource-consuming option, but time and resources are what a lot of indie devs and side-project builders lack. So, does it mean that we have to compromise on security, functionality, and performance if we don’t have a custom backend? Thanks to Backend-As-a-Service (BaaS) providers such as Firebase, the answer is no. With advanced services such as Cloud Functions, Firebase Extensions, AppCheck, Performance Monitoring, and Automated Tester, developers who lack the resources of a full team can build robust and resilient solutions. To showcase how it all works together, I will walk you through building NativePal - an AI-powered language learning app. We will learn how to work with OpenAI’s GPT APIs in a secure manner with the help of Firebase services. By the end of this talk, you will have a roadmap on how to build your own side project without compromising security and functionality, yet without requiring a fully custom backend. You will also gain insights on working with GPT APIs in order to add AI functionality to your app. About the speaker I'm an experienced Flutter developer, focused on creating my own apps, such as Bunny Search, an app to find cruelty-free brands, and NativePal, an AI-powered language learning app. Before going indie, I've worked in outsourcing agencies, creating apps in various domains for clients for 8+ years. An active community member: GDE in Flutter & Dart, WTM Ambassador, Flutterista and Flutter Riga organizer. I'm a technical writer, speaker & mentor. If I'm not writing code or participating in some Flutter meetup, you can usually find me reading a book or petting a stray cat :)
* 원본 영상 : https://youtu.be/PE89NysJEUY?si=oKDNYdikJtS0Abz3 ⏰ Time stamp 00:00:00 🚀 Gemini 모델을 활용한 다양한 서비스 소개, Project Astra와 Veo 언급 00:00:34 🤖 Project Astra 소개, 비디오 프레임을 실시간으로 분석하여 정보 처리 00:01:19 🎥 Vio 소개, 텍스트, 이미지, 비디오 프롬프트로 고품질 비디오 생성 00:01:32 🎨 Vio를 활용한 다양한 비디오 생성 예시, 사용자 창의성 강조 00:02:28 🖥️ Trillium, 6세대 TPU 소개, 이전 세대보다 4.7배 향상된 연산 성능 00:03:21 🔎 Google Search에 Gemini 모델 접목, AI Overviews 기능 소개 00:04:05 🗺️ AI Overviews를 통한 검색 결과 정리 및 분석, 더욱 명확한 정보 제공 00:06:48 📱 Android에 AI 접목, 3가지 혁신 발표: AI 기반 검색, Gemini AI 비서, 온디바이스 AI 00:07:23 📚 Android AI 기능 활용 예시, 학생들의 학습 과정을 돕는 AI 00:08:00 💬 Gemini를 활용한 실시간 AI 비서 기능 소개, 사용자 맥락 파악 및 상황에 맞는 정보 제공 00:10:21 📱 Gemini Nano 소개, 모바일 기기에서도 강력한 AI 경험 제공 --------------------------------------------------------------------------------------------------------------------------- 📝 Summary ✨ Google의 멀티모달 AI 모델 Gemini 1.5 Pro가 전 세계 개발자와 Gemini Advanced 사용자에게 100만 토큰 컨텍스트 지원 모델로 공개됨. 200만 토큰 모델은 비공개 프리뷰로 제공됨. ⚡️ 더 가볍고 빠른 Gemini 1.5 Flash 모델이 공개되어, 빠른 응답 속도가 필요한 작업에 활용될 수 있음. 🚀 Google은 Project Astra를 통해 실생활에 도움을 주는 범용 AI 에이전트를 개발 중이며, 올해 말 Gemini 앱에 일부 기능이 적용될 예정임. --------------------------------------------------------------------------------------------------------------------------- ✅ Tag #google #keynote #update
2024. 5. 14.
IT뉴스 - Kling 1.5, Gen-3 루마 API, 게임 생성 AI, 스냅 AR 안경, 딥마인드 드림스크린, 모시 오픈소스, 큐원 2.5 등 조코딩과 코딩 공부하기 https://jocoding.net/ 조카소 - 자막/번역/더빙 AI, 사진 AI 등 https://jocasso.codemafia.io 제보 메일: jebo@jocoding.net
2024. 9. 22.
Master Sass essentials like variables, nesting, mixins, and more in this 22-minute crash course designed for beginners who want to supercharge their CSS skills. More Free Tutorials: https://www.skool.com/web-dev-mastery Resources - Sass Docs: https://sass-lang.com/ - Source Code: https://github.com/hayk-simonyan/portfolio-website 🔖 Sections 0:00 Installation 0:33 Sass syntax 1:49 Compiling Sass into CSS 3:23 Nesting 4:47 Mixins 8:03 Mixin Arguments 9:40 Variables 11:14 Partials & Modules 16:44 Inheritance (@extend) 19:29 Functions 20:30 Operators 21:27 Recap
2024. 7. 5.
In this tutorial I showed step by step how to build a fullstack voting system desktop app with Electron JS and Laravel I used the following technologies Electron Forge React JS ChartJS-React TypeScript Redux-Toolkit Laravel Laravel JWT for login Please subscribe to my YouTube channel it motivates me to do more tutorials like this Note: I later changed to HashRouter because BrowserRouter didn't work well Links Follow me on GitHub Link to the lesson files on GitHub The files for both the Electron JS app and the backend API are in the same repository but on different branches: Electron JS is on the main branch and the Laravel API is on the voting-api branch Electron JS files https://github.com/paulosabayomi/database-voting-system-with-electron-js-nd-laravel/tree/main Laravel files https://github.com/paulosabayomi/database-voting-system-with-electron-js-nd-laravel/tree/voting-api Electron JS documentation https://www.electronjs.org/docs/latest/ Electron Forge documentation https://www.electronforge.io/#creating-a-new-app Laravel https://laravel.com/docs/11.x/installation Laravel JWT https://laravel-jwt-auth.readthedocs.io/en/stable/quick-start/ Axios https://www.npmjs.com/package/axios React Router https://reactrouter.com/en/main/start/overview Hash router https://reactrouter.com/en/main/routers/create-hash-router Redux Toolkit https://redux-toolkit.js.org/introduction/getting-started TypeScript https://redux-toolkit.js.org/tutorials/typescript Bootstrap https://mdbootstrap.com/docs/react/getting-started/installation/ ChartJS https://www.chartjs.org/docs/latest/ CharJS React https://react-chartjs-2.js.org/ Electron Store https://www.npmjs.com/package/electron-store JWT decode https://www.npmjs.com/package/jwt-decode
2024. 5. 31.
2024. 10. 24.
함수길이가 25줄을 넘다니 이 Norm아! 🔥 42서울에서 C 프로젝트를 진행할 때 반드시 따라야 하는 놈(Norm) 규칙입니다! 이 규칙을 지키지 않으면 프로젝트가 0점 처리될 수 있으니 꼭 유의해 주세요. 😱 🔑 주요 규칙 1. 함수는 25줄 이하로 작성 함수는 최대 25줄까지만 작성할 수 있습니다. 함수가 길어지면 가독성이 떨어지고 유지보수가 어려워질 수 있으니 주의해 주세요. 2. for, switch, goto 사용 금지 코드 흐름을 복잡하게 만들 수 있는 for, switch, goto 같은 구문은 절대 사용 금지입니다. 🚫 대신 다른 제어 구조를 활용하셔야 합니다. 3. 한 줄은 80자 미만으로 작성 한 줄에 최대 80자까지만 허용됩니다. 너무 길게 작성하면 코드 가독성이 떨어지니, 꼭 줄여서 작성해 주세요. (주석도 포함입니다!) 4. 함수의 매개변수는 최대 4개 하나의 함수에는 매개변수 4개 이상을 사용할 수 없습니다. 매개변수가 많아지면 함수가 복잡해지므로, 간결하게 작성하는 것이 중요합니다. 5. 변수 선언과 초기화는 분리 변수는 선언과 초기화를 한 줄에 같이 할 수 없습니다. 반드시 따로 선언하고 초기화해야 합니다. 💡 처음에는 다소 복잡하게 느껴질 수 있지만, 이 규칙을 잘 지키면 동료들도 코드를 쉽게 이해할 수 있고, 팀 프로젝트에서도 협업이 더 원활해질 것입니다! 또한, Norminette는 코드 검사를 자동으로 해주는 프로그램이니, 코드를 꼭 확인한 후 제출해 주세요! 😉 #이노베이션아카데미 #42서울 #42SEOUL #개발 #개발자 #SW개발자 #소프트웨어개발자 #코딩 #코딩교육 #Norm규칙 #Norminette #코딩스타일 #프로그래밍 ※ 이 콘텐츠는 42서울 앰배서더 '사이사이' 3기 김승렬 님(@seungryk), 권기현 님(@gkwon)이 제작한 콘텐츠입니다
2024. 10. 22.