잠시만 기다려 주세요.
드림코딩
2023. 4. 25.
AI가 코딩까지 알아서 척척! 개발자 커리어 이대로 안전할까요? 이제 막 공부하기 시작한 학생인데.. 계속 공부하는게 맞을까요? 요즘 이런 질문을 많이 받고 있어요. 10년차 넘은 개발자의 관점에서 한번 얘기해 보겠습니다. (↙ 자세한 내용) ___________________________ 💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: http://academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ..................................................... 00:00 역사와 개발자 01:23 노코드와 웹개발 02:57 ChatGPT와 개발자 06:08 현시점의 ChatGPT에 대한 의견 10:12 결론 ..................................................... ☀️ 드림코딩 엘리 모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :) ❝Don't forget to code your dream 여러분들의 멋진 꿈을 코딩하세요 ⭐️ ..................................................... 🌐 프론트엔드 개발자 되기 입문자편 영상 목록: https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y 📒 자바스크립트 기초 강의 영상 목록: https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 💻 개발자라면 누구나 알고 있으면 좋은 지식 💡 https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv 💰 개발자 경력 관리 영상 목록: https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3 📈 IT 트렌드 https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r- 📷 개발자 브이로그 https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU 🤗 생산력 향상 팁 https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I ..................................................... #코딩#웹개발#개발자
React real-time chat application using Firebase. React chat app project. Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV Join the upcoming React Master Course waitlist: https://list.lama.dev If it is valuable to you, you can support Lama Dev. Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join Buy me a coffee: https://www.buymeacoffee.com/lamadev Join Lama Dev groups X / Twitter: [https://x.com/lamawebdev](https://twitter.com/lamawebdev) Facebook: https://www.facebook.com/groups/lamadev Instagram: https://www.instagram.com/lamawebdev Discord: https://discord.gg/yKremu4mPr Source Code: https://github.com/safak/react-firebase-chat VPS Deployment Commands: https://github.com/safak/youtube/tree/mern-deployment 00:00 Introduction 03:01 Installation 05:28 Chat App Database Structure 10:15 React Chat Application Design Tutorial 12:35 CSS Glass Background Effect 14:01 Chat App Components 18:15 Chat List Design 22:06 React Search Bar Design 27:23 User List Design 31:07 React Chat Component Design 33:38 React.js How to Add Emoji? (React Emoji Picker) 45:32 Chat Messages Design 50:45 Chat Detail Component Design 01:00:36 React Auto-Scroll using useRef Hook 01:03:50 React Login Page Design 01:14:20 React Notification Library (React Toastify) 01:17:25 Add New User Component 01:23:58 React Firebase Tutorial 2024 01:26:30 React Firebase Authentication Tutorial 01:31:55 React Firebase Sign Up with Email and Password 01:33:41 React Firebase How to Add the User Data to Firestore After the Authentication? 01:38:19 React Firebase How to Upload Image? 01:47:12 React Firebase Login (Sign in) with Email and Password 01:49:00 React Firebase How to Store the User After the Authentication? 01:51:30 React Why Do We Need State Management Tools? 01:56:07 React Firebase Auth with Zustand State Management Tool 02:05:44 React Firebase Fetching Real-time Data 02:07:30 Fetch User Chats from Firestore 02:14:14 React Search a User from Firebase Firestore 02:18:44 Create a New Chat in React 02:26:22 Fetch a Single Chat and Chat Messages 02:28:00 React Zustand Chat Store 02:38:42 Add a New Chat Message 02:50:44 Add an Image to the Chat Message 02:55:58 How to Block / Unblock User? 03:03:00 React Search Filter Tutorial 03:05:04 How to Deploy a React App to a VPS in 5 Minutes? 03:14:46 Outro
2024. 4. 10.
Build and deploy three full-stack apps using React, Next.js, and React Native, which will level up your skills and make you an expert in web and mobile app development. ⭐ Appwrite: https://apwr.dev/JSMA50 🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14 🚀 Skyrocket your career: https://jsmastery.pro/dev-career-accelerator Sentry - https://bit.ly/4abT6PG First Project (Banking App Platform) 🎨 Horizon Design Figma File: https://resource.jsmastery.pro/banking-app 🧭 Logical Flow Diagram Fijam File: https://resource.jsmastery.pro/banking-app-flow 📚Materials/References: → GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/banking → README (assets & code): https://github.com/adrianhajdin/banking/blob/main/README.md → Plaid: https://plaid.com/ → Dwolla sandbox account: https://accounts-sandbox.dwolla.com/login Second Project (Aora React Native App) 📙 React Native Guide: https://resource.jsmastery.pro/react-native-guide 🎨 Aora Design Figma File: https://resource.jsmastery.pro/aora-design 📚Materials/References: GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/aora README (assets & code): https://github.com/adrianhajdin/aora/blob/main/README.md Third Project (Healthcare App) 🎨 Healthcare App Figma Design - https://resource.jsmastery.pro/healthcare-design 🤖 Special Discord Forum - https://resource.jsmastery.pro/healthcare-discord 📚 Materials/References: → GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/healthcare → README (assets & code): https://github.com/adrianhajdin/healthcare/blob/main/README.md Continue watching the last video: https://youtu.be/lEflo_sc82g?si=UZA4N2u5FA4KIpi6&t=3285 👋 Social Media: https://discord.gg/javascript-mastery-programming-coding-community-710138849350647871 https://twitter.com/jsmasterypro https://www.instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery https://www.linkedin.com/in/adrianhajdin/ 💼 Business Inquiries: contact@jsmastery.pro Time Stamps 👇 00:00:00 — Intro 00:09:38 — Banking App Platform 06:36:10 — React Native Crash Course 06:50:34 — Aora React Native App 11:04:40 — Healthcare App Platform
2024. 8. 2.
구글 연구자 분들을 모시고 뇌과학과 차세대 AI에 대해서 들어봤습니다 [목차] 00:00 미리보기 00:31 자기소개 00:58 AI 연구의 길: 어떻게 시작되었나? 02:40 PaLM 2 이후, AI 세상은 어떻게 변했나? 03:53 AI 버블, 거품인가 기회인가? 06:40 AI 제품의 미래는 어떤 모습일까? 08:08 구글 리서치 궁극적인 연구 목표는? 09:40 최고의 팀워크를 위한 비결은? 11:00 AI 윤리, 구글의 책임감 있는 AI란? 13:29 미래를 위한 준비, 차세대 인프라의 모습은? 15:00 구글 리서치의 최신 연구 성과는? 15:50 자동화된 AI에 대한 생각은? 21:49 구글 리서치가 연구와 제품 균형을 지키는 방법은? 23:14 구글 리서치는 스스로 연구 성과를 어떻게 평가하는가? 24:20 구글 리서치앳 코리아(Research@) 행사 소개 31:10 VVIP 후원 감사 인사 💃🏻조카소 댄스 AI 출시!! 포인트 받고 무료로 사용해보기 👉 https://jocasso.codemafia.io/dance 📖(신간)Do it! 조코딩의 첫 웹 개발 - YES24: https://vo.la/mVMTp - 알라딘: https://vo.la/ANizc - 교보문고: https://vo.la/tNpin 조코딩과 코딩 공부하기 https://jocoding.net/ 조카소 - 자막/번역/더빙 AI, 사진 AI 등 https://jocasso.codemafia.io VVIP 멤버십 후원 빵쌤의 알고리즘님, 그림자그림자님, 라다님, 차딩Chading TV님, 아부심벨님, prochild님, turtleday터틀데이님, AI Beauty Artist님, eyuri chi님, 밤B님, 정진균님, 서보성님, Tae hwan Kim님, 콜로라도님, 엠이에스코리아님 감사드립니다. https://www.youtube.com/@jocoding/join #개발자 #프로그래머 #뉴스 #it뉴스 #AI뉴스 #AI #구글 #구글리서치 #트랜스포머 #뇌과학 #리서치앳 #커넥토믹스
2024. 9. 9.
This is a talk from the Full Stack Flutter conference held in May 2024. https://fullstackflutter.dev In this talk, we will explore the Flutter package ecosystem, discussing key trends, popular packages, and emerging patterns. From essential utilities for state management and UI design to advanced features like augmented reality and machine learning integration, the Flutter package ecosystem offers solutions for virtually every aspect of app development. Join me to navigate through the vibrant landscape of Flutter packages, uncovering insights that will empower developers to harness the full potential of Flutter for their projects. About the speaker Ashita is the Google Open Source Award 2023 recipient (Flutter). She is the founder of Flutter Gems (https://fluttergems.dev), a visual package discovery platform that has helped more than a million Flutter developers across the globe. She is also the co-creator of API Dash (https://github.com/foss42/apidash), an award winning open source cross-platform API client built completely using Flutter. She loves helping fellow developers, runs a FOSS developers community and has delivered more than 30+ talks on ML and Flutter in reputed international conferences such as Flutter Global Summit, Flutter Vikings, Flutter Festival, Google DevFest, Flutter Forward Extended, etc.
2024. 10. 7.
In this video I am going to show you how to to do Password-Base Auth with Supabase Support the channel : 🙏🌸 - donate 🌻: https://www.patreon.com/dailywebcoding Follow me: 👇 - Discord: https://discord.gg/XbJkCtt - Github: https://github.com/Chensokheng
2024. 9. 6.
Nextjs 앱 라우터 구현에는 기본기가 중요한 것 같아요. 라우팅 기본 개념을 간단하게 살펴보며 주의할 점에 대해서 설명해 보았어요. 이어서 pathname 상수값을 쉽게 관리할 수 있는 스크립트에 대해서 설명하며, App 라우터에서 트리구조가 가지는 의미에 대해 파보았습니다..! 그럼 오늘도 화이팅입니다 👍 (강의에서 사용한 샘플 코드 깃헙 주소입니다 https://github.com/david718/nextjs-sample-for-lecture)
2024. 7. 27.