잠시만 기다려 주세요.
JavaScript Mastery
2024. 8. 17.
Build a full-stack Uber Clone Application with Expo’s latest features and lightning-fast edge-ready Postgres database in React Native. ⭐ WebStorm: https://jb.gg/JSMastery ⭐ NeonDB - https://bit.ly/neon-db ⭐ Clerk - https://go.clerk.com/DtiSBEI 📙 React Native Guide: https://resource.jsmastery.pro/ultimate-react-native-guide 🎨 Uber Clone App Figma Design - https://resource.jsmastery.pro/uber-clone 🤖 Special Discord Forum - https://resource.jsmastery.pro/uber-discord 💿 Free Database Course - https://resource.jsmastery.pro/database-course 🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14 🚀 Skyrocket your career: https://jsmastery.pro/dev-career-accelerator 📚 Materials/References: GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/uber README (assets & code): https://github.com/adrianhajdin/uber/blob/main/README.md 💻 Join our Discord Community: https://discord.com/invite/n6EdbFJ 🐦 Follow us on Twitter: https://x.com/jsmasterypro 🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery 🔗 Follow us on LinkedIn: https://linkedin.com/company/javascriptmastery/ 💼 Business Inquiries: contact@jsmastery.pro Time Stamps 👇 00:00:00 — Intro 00:06:04 — IDE Setup 00:09:02 — Project Setup 00:25:43 — WebStorm Customization 00:28:38 — File & Folder Structure and Router Setup 00:47:50 — Onboarding Screens 01:11:28 — Auth Screens 01:30:46 — Clerk Email Authentication 02:01:30 — Bottom Tab Bar 02:10:10 — NeonDB Implementation & API routes 02:26:21 — HomePage UI 02:57:25 — Map Functionality 03:05:28 — Zustand State Management 03:25:50 — Location Autocomplete Feature 03:28:22 — Find Ride Screen 03:55:55 — Confirm Ride Screen 04:01:41 — Book Ride Screen 04:07:07 — Stripe Payment Implementation 04:48:00 — Map Path Direction & Completing the Main Flow 05:07:39 — Implementing Real Dynamic Data 05:10:44 — Implementing oAuth Authentication 05:19:32 — Rides History Screen 05:22:00 — oAuth Redirection Issue and Other Fixes 05:27:31 — Profile and Message Screens
https://github.com/BeardedBear/bearded-theme Become a YT Members to get extra perks! https://www.youtube.com/@WebDevCody/join My Products 🏗️ WDC StarterKit: https://wdcstarterkit.com 📖 ProjectPlannerAI: https://projectplannerai.com 🤖 IconGeneratorAI: https://icongeneratorai.com Useful Links 💬 Discord: https://discord.gg/4kGbBaa 🔔 Newsletter: https://newsletter.webdevcody.com/ 📁 GitHub: https://github.com/webdevcody 📺 Twitch: https://www.twitch.tv/webdevcody 🤖 Website: https://webdevcody.com 🐦 Twitter: https://twitter.com/webdevcody
2024. 8. 20.
이벤트 소싱과 MSA 4회차입니다. 오늘은 6장을 나갑니다.
2024. 9. 19.
In this video I show how to build AI Telegram bot with low-code tools: n8n and FlowiseAI (UI visual tool for creating flows with LangChain). Download Telegram AI assistant workflow for n8n here: https://github.com/workfloows/workfloows-tutorials/blob/main/telegram-ai-bot.json 🚀 How to build voice Telegram AI bot with n8n, Whisper and ElevenLabs: https://workfloows.gumroad.com/l/telegram-ai-voice-bot My other tutorials: 1. Generate PDFs in n8n with Gotenberg (for free!): https://www.youtube.com/watch?v=bo15xdjXf1Y 2. How to auto-backup n8n workflows to GitHub: https://www.youtube.com/watch?v=dNuVuoPD0Jo 3. Using webhooks in n8n (parameters, responses and triggers): https://www.youtube.com/watch?v=IvUYJQkf6sA&feature=youtu.be Create your n8n cloud account here (affiliate): https://n8ngmbh.partnerlinks.io/6hvl7yx64x19 Subscribe my newsletter: https://workfloows.com/ Visit my Gumroad profile: https://workfloows.gumroad.com/ Follow me on Twitter/X: https://twitter.com/workfloows Follow Workfloows on LinkedIn: https://www.linkedin.com/company/workfloows/ Screen recording software that I use (affiliate): https://www.screen.studio/@jmMwX 0:00 Demo (no LangChain vs LangChain) 0:30 Step 1: Create Telegram bot 0:48 Step 2: Add Telegram and OpenAI credentials 1:33 Step 3: Configure n8n workflow 4:25 Step 4: Configure FlowiseAI
2023. 6. 7.
오랜만이에요 여러분... 유튜브에 더 자주 놀러올게요
2022. 12. 2.
CSS 사용자 정의 속성(CSS custom properties)라고도 알려진 CSS 변수(CSS variables)에 대해서 알아보겠습니다. - 관련 포스팅: https://www.daleseo.com/css-variables/ - 실습 코드: https://codepen.io/daleseo/pen/xxqjjwv 목차: 0:00 소개 0:40 CSS 변수 정의 2:35 CSS 변수 접근 3:42 CSS 변수 기본값 4:55 CSS 변수 상속 6:49 CSS 전역 변수 9:58 주의 사항 12:24 정리 #css #variables #custom #properties #스타일 #변수 #사용자정의속성
2024. 6. 29.
In Next.js 13. The Pages Router has a file-system based router built on concepts of pages. When a file is added to the pages directory it's automatically available as a route. In this lecture, i will teach you how to implement router in Nextjs 13
2023. 6. 23.