[핸즈온 플러터] 잘못된 내용 정정 및 당근마켓 클론코딩 최신 플러터 버전 대응 + 소통채널 참여
개발하는남자
2024. 8. 25.
안녕하세요 개발하는남자 개남입니다. 이번 영상을 시작으로 소통채널을 운영해보려고 합니다. 잘 될지는 모르겠지만 최대한 노력을 해보려고 합니다. 참여방법은 고정댓글 확인해주세요. 감사합니다. 00:00 인트로 (영상의 목적) 02:10 타입추론에 기본 개념 설명 05:20 책에 잘못 표기되어있던 타입추론 문제 07:00 플러터 최신 버전에서 당근마켓 클론코딩 안드로이드 실행시 문제 확인 10:43 안드로이드 build.gradle 마이그레이션 방법 안내 16:20 소통채널 소개
Recommanded Videos
No-code React Todo App: Cursor AI
📘 Frontend Interview Course - https://learn.codevolution.dev/ 💖 Support UPI - https://support.codevolution.dev/ 💖 Support Paypal - https://www.paypal.me/Codevolution 💾 Github - https://github.com/gopinav 📱 Follow Codevolution + Twitter - https://twitter.com/CodevolutionWeb + Facebook - https://www.facebook.com/codevolutionweb 📫 Business - codevolution.business@gmail.com Build a React To-Do App Without Writing Code Using Cursor In this video, we learn how to create a fully functional React to-do app without writing any code, using Cursor. Starting with a basic React project setup with Tailwind CSS and Framer Motion, we use Cursor Composer to add features like adding, editing, and deleting to-do items. We show how to style the app with Tailwind and add animations with Framer Motion. We also address and fix an issue where items update prematurely during editing. By the end, you’ll see a fully styled and animated to-do app that took just minutes to create with Cursor.
2024. 8. 30.
Build & Deploy: Full Stack AI Course Generator SaaS with NextJS 13, OpenAI, Stripe, TailwindCSS
GitHub Repo: https://github.com/elliott-chong/learning-journey-yt Welcome to this comprehensive full-stack tutorial where we delve into the latest features of NextJS 13.4. Join me as we build an entire project from the ground up and seamlessly deploy it to Vercel 🚀. Throughout this journey, you will gain expertise in the following areas: 🌐 Leveraging NextJS 13's cutting-edge App Router. 💳 Managing Payments seamlessly through Stripe. 🎨 Harnessing the beauty of Shadcn and the power of Tailwind CSS. 🧠 Unleashing the capabilities of OpenAI's API for Language Model usage. 🗃️ Interacting with databases with the efficiency of ORMs. 🚀 Self-hosting your NextJS project on DigitalOcean. 🔒 Securing your deployment with a custom domain name and SSL certificate. 🔄 Implementing a robust CI/CD deployment pipeline with GitHub Actions. 📋 Pastebins for Code Timestamps Timestamp 17:54 prisma db.ts file https://pastebin.com/hYYzuFY9 Timestamp 20:00 schema.prisma template code https://pastebin.com/S325fZ4P Timestamp 1:45:00 lib/gpt.ts https://pastebin.com/EiggjLeq Timestamp 1:58:42 lib/unsplash.ts https://pastebin.com/nkykdzdV Timestamp 2:59:51 lib/youtube.ts https://pastebin.com/rqhdDLiU Timestamp 5:48:47 .github/deploys.deploy.yml https://pastebin.com/7XPPNecM 🙏 Credits & Inspirations - A heartfelt thank you to my friends for their unwavering support throughout this project. - Special thanks to Mo for sparking the idea for this project. - Inspiration drawn from https://www.youtube.com/@joshtriedcoding for coding videos. - Thumbnail inspiration credit: https://www.youtube.com/ @codewithantonio 📚 Referenced Resources Shadcn best practices form: https://youtu.be/26bSDD9IEG4 Strict JSON GPT repo: https://github.com/tanchongmin/strictjson/tree/main Connect With Me 🔥🚀 : GitHub: https://github.com/elliott-chong Instagram: https://instagram.com/elliottchong_ Website: https://elliottchong.tech 📖 Chapters Overview 0:00 Intro & Demo 8:02 Set Up NextJS 10:58 Set Up Shadcn 14:18 Set Up PlanetScale & Prisma 19:15 Set Up NextAuth 35:49 Navbar 58:09 Theme Toggle 1:02:53 Create Course Form 1:31:00 Creating the Chapters Endpoint 1:44:00 Strict GPT JSON 2:08:00 Confirming Chapters 2:09:00 Exploring React Query 2:20:51 Gathering Chapters Information 2:27:08 Continuing Chapter Confirmation 2:45:08 Forwarding Refs to Chapter Cards 2:53:55 Retrieving Chapter Information 2:57:31 Utilizing the YouTube API 3:08:02 Generating Questions 3:34:58 Crafting the Course Page 3:47:26 Summarizing the Main Video 3:53:55 Designing Quiz Cards 4:07:11 Navigating Next & Previous Chapters 4:12:03 Building the Gallery Page 4:21:06 Seamless Stripe Integration 4:59:33 Integrating Credits 5:02:45 Loading Pages 5:06:14 Deployment Strategies 5:07:55 Self-hosting on DigitalOcean 5:11:12 Implementing Docker 5:47:07 Embracing GitHub Actions for CI/CD 5:57:00 Outro Join me on this exciting journey to master NextJS 13.4 and unlock the potential of full-stack development. Let's code and create something amazing together! 🚀👨💻 #NextJS #FullStackDevelopment #WebDevelopment #StripePayments #ReactQuery #React #TailwindCSS #OpenAI #DatabaseORM #DigitalOceanHosting #GitHubActions #CI/CDPipeline #CodingTutorial #Programming #VercelDeployment #Docker #GitHubRepo #WebDevelopmentTutorial #FrontendDevelopment #BackendDevelopment #CustomDomain #SSL #YouTubeAPI #Prisma #CreditIntegration #GalleryPage #QuizCards #PaymentIntegration #StrictJSONGPT #CodingInspirations #GitHub #Instagram #Website
2023. 8. 20.
![[선데이 라이브] 자바의 몰락인가 C++의 부활인가](https://i2.ytimg.com/vi/MK_0ckSNcXs/hqdefault.jpg)
[선데이 라이브] 자바의 몰락인가 C++의 부활인가
[무료] 코테용 C++ 핵심 정리👉 https://honglab.co.kr/courses/cppsummary [홍정모의 알고리듬 압축코스] https://honglab.co.kr/courses/algorithms [홍정모의 자료구조 압축코스] https://honglab.co.kr/courses/data-structures [홍정모의 그래픽스 새싹코스] https://honglab.co.kr/collections/graphics [홍정모의 파이썬 추월코스] https://honglab.co.kr/courses/python 💌 디스코드 https://discord.com/invite/kgR9xJkbsV [홍정모 연구소 가입하기- 만족도 99% 실제 수강생 후기] https://cafe.naver.com/jmhonglab [홍정모의 따라하며 배우는 C언어] https://www.inflearn.com/course/following-c?inst=60214fff [홍정모의 따라하며 배우는 C++ (모던 C++)] https://www.inflearn.com/course/following-c-plus?inst=aa88a07c Music: Vadim Krakhmal - Journey To The Toucan Isle Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0 #자바 #씨쁠쁠 #개발자
2024. 6. 16.
The BEST Way of Doing Forms in Next.js (and all the other ways)
Learn all you need to know about forms in nextjs. What are the different approaches for forms in next.js and what is the best approach. We will look at use-form-state, use-form-action, react hook form, use-Optimistic video specific links: code: https://github.com/tobiasmeyhoefer/youtube/blob/main/sample_project/app/forms/page.tsx Chapters: 00:00 What makes a form a good form 1:13 the next.js way (not good) 6:11 handling some confusion 7:20 more approaches 9:20 the best way 🙋🏼♂️ find me also here: github: https://github.com/tobiasmeyhoefer my website: https://tobiasmeyhoefer.de/ _______________________ ⚡️ About me and this channel Hello World! 👋🏼 My name is Tobi and I'm a webdeveloper from Germany ✨ On this channel you will find free educational content about everything related to the web, from frontend to backend!
2024. 9. 2.
Mozilla Llamafile in Supabase Edge Functions
Today we are adding @Mozilla Llamafile, in addition to Ollama, to be used as the Inference Server with your @Supabase Edge Functions. Mozilla Llamafile lets you distribute and run LLMs with a single file that runs locally on most computers, with no installation! In addition to a local web UI chat server, Llamafile also provides an OpenAI API compatible server, that is now integrated with Supabase Edge Functions. Read the tutorial 👉 https://supabase.link/llamafile-blog CHAPTERS: 00:00 Intro 00:21 Recap to AI in Supabase Edge Functions Launch 00:48 Support for Llamafile in Supabase Edge Functions 01:05 Download a Llamafile from GitHub 01:33 Run a Llamafile 01:53 Interact with the Llamafile chat interface in the Browser 02:25 Llamafile OpenAI compatible API 02:50 Use Llamafile within Supabase Edge Functions 03:50 Set the API Host environment variable 04:00 Dockerize a LLamafile for remote hosting 04:50 Run the Supabase Edge Function locally 05:39 Handling streaming responses 06:50 Use Llalamfile with the OpenAI JavaScript SDK 💻 Videos to watch next: ▶ https://youtu.be/uT945Rh5sl8 ▶ https://youtu.be/ooWaPVvljlU ▶ https://youtu.be/g5NjMqj22qI 👇 Learn more about Supabase 👇 🕸 Website: https://supabase.com/ 🏁 Get started: https://app.supabase.com/ 📄 Docs: https://supabase.com/docs 🔔 Subscribe for more tutorials and feature updates from Supabase: https://www.youtube.com/channel/UCNTVzV1InxHV-YR0fSajqPQ?sub_confirmation=1 📱 Connect with Us: 🐙 Github: https://www.github.com/supabase 💬 Discord: https://discord.supabase.com/ 🐦 Twitter: https://www.twitter.com/supabase/ ▶ Instagram (follow for memes): https://www.instagram.com/supabasecom/ ABOUT SUPABASE: Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs. Build in a weekend, scale to millions. #Supabase #AppDevelopment #RealtimeApps #DeveloperTools #llm #openai #llamafile #mozilla #ai
2024. 8. 21.
How to make 0.2$/day PER DEVICE | NO MINING with 3 minute setup !
Hi everyone, thanks for watching ! Here are the links towards everything I used in this video : Addslice : https://addslice.com/?crew=L7TagIB0 (This link gives you a bonus when you sign up) zbd : same name on google play & apple store -------------------------------------------------------------------- Wanna talk ? Join the TEAM : Discord : https://discord.gg/4HkAJJK432 ReHost : https://rehost.cc -------------------------------------------------------------------- Music track: Lidérc from Pixabay Profile : https://pixabay.com/fr/users/lid%C3%A9rc-34910776/ -------------------------------------------------------------------- About me : Greatings ! My name is Kevin and i'm 17 ! I chose to make these kind of videos because the linux world is very cool to explore and its even better when its free! I always try to make the simplest videos with the most explication so that you can have fun too ! -------------------------------------------------------------------- Tags : Free Money, Passive Income, Earn Money Online, Daily Income, No Work Income, Ads Income, Make Money, Easy Money, Online Earnings, No Effort Earnings, Cash Rewards, Income Tips, Earn Online, Ad Revenue, Money Making, Financial Freedom, Free Cash, Side Hustle, Make Money Online, Free Money Daily, Income From Ads, Free Cash Everyday, Earning Without Work, Easy Earnings, Daily Rewards, Financial Independence, Automatic Income, Revenue Generation, Money Without Effort, Ad Income, Free Money Ads, Cashflow, Money Online, Earn Money, Daily Cash, Effortless Income
2024. 7. 31.