잠시만 기다려 주세요.
전북대학교 최규빈 교수
2024. 9. 30.
https://chaicode.com Introduction and Overview 00:00 - 00:18 Introduction to the re-recording, call to action for engagement on social media, and a brief overview of the video content. Testing the Current Build and Setting Up the Video Card Component 00:19 - 04:00 A quick review of what has been built so far, followed by setting up the main video component and creating the video card component for reuse. Implementing Video Upload and Preview Functionality 04:01 - 10:15 Detailed explanation of the onmouseover event, handling video URLs, using packages for file size conversion, and setting up relative time displays with day.js. Integrating Cloudinary for Video Management 10:16 - 19:00 Integration of Cloudinary for managing video uploads, using Cloudinary hooks to fetch video and image URLs, and applying transformations for video previews. Handling User Interactions and Finalizing the UI 19:01 - End Explanation of the hover effects, managing state for video previews, setting up the UI for video display, and discussing additional enhancements and next steps. Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. Use this link to get free Cloudinary credits :- https://cld.media/hitesh Get all source code for react application: https://github.com/hiteshchoudhary/react-english All source code is available at my Github account: https://github.com/hiteshchoudhary Our Open-Source Project is here: https://freeapi.app Join me at whatsapp: https://hitesh.ai/whatsapp for community discord: https://hitesh.ai/discord Instagram pe yaha paaye jaate h: https://www.instagram.com/hiteshchoudharyofficial/ Learn React with 10 projects: https://www.youtube.com/watch?v=eCU7FfMl5WU&list=PLRAV69dS1uWQos1M1xP6LWN6C-lZvpkmq Learn Docker: https://youtu.be/rr9cI4u1_88?si=fSK00PNOt0gqBXp6 Learn Kubernetes: https://www.youtube.com/watch?v=7XDeI5fyj3w How does a browser works: https://youtu.be/5rLFYtXHo9s?si=UW1HrwGUzkk4E7qh How nodejs works: https://youtu.be/ooBxSg1Cl1w?si=Ks6Wih1smJZSDz4V Learn Redux-toolkit: https://www.youtube.com/watch?v=pX0SBJF01EU Learn NextJS: https://www.youtube.com/watch?v=iPGXk-i-VYU&list=PLRAV69dS1uWR7KF-zV6YPYtKYEHENETyE Learn Typescript: https://www.youtube.com/watch?v=j89BvWz8Eag&list=PLRAV69dS1uWRPSfKzwZsIm-Axxq-LxqhW Learn Javascript: https://www.youtube.com/watch?v=2md4HQNRqJA&list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD Learn React Native: https://www.youtube.com/watch?v=kGtEax1WQFg&list=PLRAV69dS1uWSjBBJ-egNNOd4mdblt1P4c Learn Zustand: https://www.youtube.com/watch?v=KCr-UNsM3vA&list=PLRAV69dS1uWQMXekDgw7fRAsHmsbKWkwu Learn Golang: https://www.youtube.com/watch?v=X4q1OM0voO0&list=PLRAV69dS1uWSR89FRQGZ6q9BR2b44Tr9N
2024. 8. 15.
정석코딩 학원 프로젝트 발표입니다. 2개월 동안 누구의 도움도 받지 않고 학생들 스스로 열심히 만들었습니다. 열심히 노력한 학생들에게 박수를 보냅니다. 이제 끝이 아니라 시작입니다. 앞으로도 더 성장하도록 지속적으로 지원하겠습니다. 정석코딩 학원 남궁성 원장
2023. 5. 31.
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 React Native와 함께 인프런 앱 새로 만들기 - 권건우, 이문기 왜 React Native를 사용했는지, 플레이어는 어떻게 만들었는지 등 인프런 앱을 만들면서 했던 선택들을 공유합니다. 그리고 React Native와 Native를 함께 다루면서 미리 알았다면 좋았을 문제들을 나눕니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
2024. 10. 7.
I will talk about on of the most common tailwind css mistake, and how to solve it with two different approaches. Tailwind is a CSS alternative or addition and can be used in modern web development. video specific links: https://tailwindcss.com/ Timemarkers: 00:00 Bad Approach 1:30 Good Approach 4:26 Better Approach 🙋🏼♂️ 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. 8. 9.
In this tutorial, you'll learn how to create a fully responsive sidebar for your Flutter Web project. We'll also cover how to properly manage browser back and forward button functionality to ensure smooth navigation across your web app. 🎬 PLAYLISTS ► Complete eCommerce Admin Panel Playlist: https://youtube.com/playlist?list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&si=IxsZQwj_EZOz_Uu3 ► Complete eCommerce App Playlist: https://youtube.com/playlist?list=PL5jb9EteFAOAusKTSuJ5eRl1BapQmMDT6&si=DoruGqgqRgmBsOhe ❤️ E-COMMERCE APP SOURCE CODE: https://codingwitht.com/product/flutter-ecommerce-app-with-firebase/ ADMIN PANEL Starter Kit for FREE: https://codingwitht.com/product/flutter-ecommerce-app-with-firebase/ ADMIN PANEL TEST CREDENTIALS URL: https://codingwitht-c6d0f.web.app/login Email: support@codingwitht.com Password: Admin@123 FLUTTER ADMIN PANEL SECTIONS ► Section - 1 (Configuration) ► Section - 2 (Navigation) ► Section - 3 (Responsive) ► Section - 4 (Admin Mgmt) ► Section - 5 (Dashboard) ► Section - 6 (Media) ► Section - 7 (Design Screens) ► Section - 8 (Firebase Backend) ► Section - 9 (Deployment) SUBSCRIPTIONS ► Join Patreon to Access Premium Content: https://www.patreon.com/CodingwithT848/membership COURSES ► E-COMMERCE APP COURSE: https://youtube.com/playlist?list=PL5jb9EteFAOAusKTSuJ5eRl1BapQmMDT6&si=DoruGqgqRgmBsOhe ► E-COMMERCE Admin Panel: https://www.youtube.com/playlist?list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz ► FLUTTER CRASH COURSE https://youtube.com/playlist?list=PL5jb9EteFAODi35jPznP37hnR2sTHOOTU ► LOGIN APP FIREBASE https://www.youtube.com/playlist?list=PL5jb9EteFAODpfNJu8U2CMqKFp4NaXlto RELATED VIDEOS ► ROUTING AND NAVIGATION BASICS: https://www.youtube.com/watch?v=-yeGPooutdA&list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&index=5 ► GETX BASICS: https://www.youtube.com/watch?v=QJ314HaiZ1g&list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&index=3 CHAPTERS 00:00 Introduction 02:19 Sections 03:01 Sidebar Widget 03:33 Navigation Drawer 05:40 TCircular Image 26:42 Route Observer FOLLOW US ON SOCIAL MEDIA 💻 Facebook | / codingwithtea 💻 Instagram | / coding_with_tea 🔍 DETAILS In this tutorial, you'll learn how to create a fully responsive sidebar for your Flutter Web project. We'll also cover how to properly manage browser back and forward button functionality to ensure smooth navigation across your web app. Flutter Web offers incredible tools for building cross-platform apps, and mastering responsive design along with efficient navigation handling is essential for delivering a great user experience. Whether you're a beginner or an experienced developer, this video will help you implement a professional and user-friendly sidebar in Flutter Web. 🚀 What You'll Learn: How to build a responsive sidebar layout in Flutter Web. Best practices for handling browser back and forward buttons. Ensuring smooth navigation and maintaining state in Flutter Web apps. Tips for enhancing user experience with GetX routing and navigation. 🔗 Chapters: 0:00 - Introduction 1:30 - Setting up the Sidebar in Flutter Web 4:20 - Implementing a Responsive Sidebar 8:45 - Handling Browser Back and Forward Buttons in Flutter 12:30 - Maintaining State and Navigation in Flutter Web Ready to level up your Flutter Web development skills? Don't forget to like, comment, and subscribe for more in-depth tutorials!
2024. 9. 12.
🔥 뉴스레터 구독하고 개발 용어 총정리 PDF 무료 다운받기 : https://bit.ly/4a10f5N 문과생을 위한 IT 용어 해설 무료 강의 : https://bit.ly/3UdCkdL ChatGPT로 노코드 웹사이트 만들기 : https://bit.ly/3vuiEs7 개발자와 협업을 위한 기초 코딩 용어 : https://bit.ly/3tDdzNI 취업, 이직을 준비하시는 분들을 위한 더 많은 정보는 아래를 참조해주세요. 2024년 내일배움카드 발급, 사용방법 : https://bit.ly/3vCX2tV 부트캠프 선택시 꼭 체크해야 할 5가지 : https://bit.ly/4aFdKZA 부트캠프는 9to9을 선택해야 하는 이유 : https://bit.ly/3vnSfMH 나를 몰입하게 만드는 부트캠프가 중요한 이유 : https://bit.ly/4aGmIWv 현직자가 말하는 AI 역량을 갖춰야 하는 이유 : https://bit.ly/3HcZae9 비전공자의 다양한 이야기들 원격 부트캠프로 금융권 IT 합격했어요! : https://bit.ly/3NMqZOn 영업사원 하다가 개발자로 전향했어요! : https://bit.ly/3S35V8P 더 궁금하신 것들은 댓글로 남겨주세요! 영상이나 블로그를 통해 가장 최신 정보로 알려드리겠습니다. 감사합니다.
2024. 4. 12.