잠시만 기다려 주세요.
Web Dev Cody
2024. 9. 20.
Link to code: https://github.com/webdevcody/meme-generator Signup for ImageKit’s forever free plan: https://bit.ly/49zmXkt ImageKit Documentation: https://bit.ly/3VXRK7u --- 00:00:00 Introduction 00:03:57 Initial Setup 00:06:02 Uploading Image 00:07:04 Transformations 00:10:05 Next.js SDK 00:14:14 Uploading Files 00:19:03 ShadCN 00:23:54 Search Bar 00:26:21 Node SDK 00:32:46 Meme Cards 00:35:26 Theme Toggle 00:38:23 Responsive Design 00:41:46 Custom Metadata 00:44:03 Upload Dialog 00:57:12 Image Tags 01:02:12 Customize Page 01:11:14 Position Overlays 01:16:16 Customize Component 01:23:44 Append Overlay 01:27:50 Text Background 01:43:37 Debounce 01:45:31 Image Filters 01:53:14 Download Button 01:59:35 Drizzle ORM 02:02:30 Auth.js 02:07:37 Google Auth Setup 02:12:20 Favoriting Memes 02:24:25 Favorites Page 02:40:30 Authorization Checks 02:44:24 Favorite Counts 02:56:16 Clean up 02:57:13 Other Imagekit Features --- Become a YT Members to get extra perks! https://www.youtube.com/@WebDevCody/join My Products 💀 Scary Story Generator: https://scarystorygenerator.com 🏗️ 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
🙋♂️ 도움이 필요하시거나 궁금한 점을 질문하고 싶을 땐 ? ✔️ https://open.kakao.com/o/gegroCTe ✔️ 취준생 & 현업 개발자 오픈채팅방 📙 프로그래밍 과외, 온라인 강의, 컨설팅 📙 ✔️ https://linktr.ee/jscode
2024. 10. 25.
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 지속 성장 가능한 설계를 만들어가는 방법 - 김재민 소프트웨어를 개발할 때 항상 언급되는 '설계'. 여러분은 설계란 단어를 보면 어떤 것이 떠오르시나요? 이 발표에서는 설계란 무엇이고, 어떻게 접근할지에 대해 생각할 거리를 던집니다. 그리고 몇 가지 관점과 예제로 살펴봅니다. 결론적으로 우리가 개발할 때 정말로 집중해야 할 것이 무엇인지에 대해 이야기해 보려 합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
2024. 10. 7.
Welcome to the React Admin Dashboard tutorial 👋 Code: https://github.com/burakorkmez/react-admin-dashboard (Stars appreciated 🌟) Discord to ask your questions: https://discord.gg/YFn2WyheZV More tutorials from this channel 👇 Netflix Clone: https://youtu.be/gRroBZczKAU?si=BVCqj89TvYzKdbZp Twitter Clone: https://youtu.be/4GUVz2psWUg?si=J_oiedEL_bvFNvPj Subscribe to support my work 💙 Timestamps: 00:00:00 App Showcase 00:02:46 Overview Page 00:59:00 Products Page 01:20:34 Users Page 01:38:47 Sales Page 01:52:46 Orders Page 02:08:12 Analytics Page 02:30:17 Settings Page 02:57:05 Deployment and bye... Thanks for watching...
2024. 7. 30.
Where you are impacts when you do something. Learn how this applies to your full stack code in this quick video. 💖 Support me on Patreon ➜ https://patreon.com/davegray 💻 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap 🚀 Discord ➜ https://discord.gg/neKghyefqh 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray X: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Blog: https://www.davegray.codes/ #javascript #localeCompare #sort
2024. 10. 1.
Elevate your web design skills withTailwind CSS! Learn how to build a stunning, fully responsive product card for an e-commerce site.. 👉 Access interactive lessons and start coding now: https://v2.scrimba.com/build-a-product-card-with-tailwind-css-c07sjqf1ak?utm_source=youtube&utm_medium=video&utm_campaign=fcc-tailwind-product-card By the end of this course, you'll have built a fully responsive product card for a web store, using industry-standard mockups for both desktop and mobile. Whether you're designing for clients or personal projects, these techniques will help you craft professional, polished websites faster and with more control. Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Contents ⭐️ 0:00:00 Introduction to the course 0:03:35 A super quickTailwindCSS recap 0:10:28 Aside - The tailwind.config object 0:13:39 Adding custom colours 0:16:33 Aside - Fonts in TailwindCSS 0:19:05 Adding custom fonts 0:22:01 Aside - Max width in TailwindCSS 0:24:27 Crafting the card 0:27:26 Font and Text Classes 0:30:46 Aside - Gradients in TailwindCSS 0:34:06 Styling the buttons 0:40:02 Aside - Lists in TailwindCSS 0:43:50 Styling the features section 0:47:44 Aside - Grids in TailwindCSS 0:50:31 Mobile and desktop views 0:55:00 Aside - Background images in TailwindCSS 0:59:50 Adding the background images 1:02:25 Aside - Transforms in TailwindCSS 1:07:10 Aside - Transitions in TailwindCSS 1:09:30 Styling the wishlist button 1:10:56 Aside - Arbitrary values in TailwindCSS 1:14:13 Adding the dropshadow 1:15:38 Congratulations! 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
2024. 10. 10.
5.9만명이 수강한 제로초 강좌/로드맵 통합 링크! https://www.zerocho.com/lecture https://www.zerocho.com/lecture 의지력이 약해 다른 사람들과 함께 수강하고 싶다면! + 고민상담, 질문도 하고 싶다면 3천명이 모여있는 제로초스쿨에서! https://www.zerocho.com/slack https://www.zerocho.com/slack -- 깃헙 -- https://github.com/zerocho (레포지토리 스타 눌러주세요) -- 후원 및 멤버십 -- https://toon.at/donate/zerocho https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join -- 소개 -- Node.js 교과서, Let's Get IT 자바스크립트 프로그래밍, 타입스크립트 교과서 저자 제로초닷컴(ZeroCho.com) 운영자
2024. 10. 23.