잠시만 기다려 주세요.
김정환
2024. 5. 15.
컨텐츠 협상 | 김정환 블로그: https://jeonghwan-kim.github.io/2024/05/04/content-negotiation #http #webdevelopment #web #javascript 목차 00:00 서론 03:00 사례 04:17 라이브러리 06:10 결론
I love TailwindCSS, but it can create some very messy HTML code. You can make a massive improjevent by reusing your common elements as a component. This video shows you how you can build your own library of reusable components. 00:00 Intro 03:05 Creating a component 04:05 Using the children prop 05:50 Passing button attributes (onClick, etc) 10:18 Overriding styles with twMerge 14:45 Component variants with class-variance-authority 22:38 cn() utility function 24:10 Passing variant props 27:16 Outro
2023. 10. 15.
안녕하세요. 보아스입니다. 여러분 Nextjs 에서도 Page 전환 애니메이션을 구현할 수 있다는 사실 알고 계셨나요? template 을 활용하면 가능합니다. (framer-motion 도 사용해보았습니다.) 그럼 오늘도 퐈이팅입니다 :) 예시코드 repository https://github.com/david718/nextjs-sample-for-lecture 비즈니스 및 기업 강의 문의: hkc7180@gmail.com
2024. 9. 4.
I asked 5 Vision Language Models (Multimodal models) to tell me the time. Only ONE could tell it correctly 0-shot! Inspiration - https://x.com/deedydas/status/1839689002011758669 ❤️ If you want to support the channel ❤️ Support here: Patreon - https://www.patreon.com/1littlecoder/ Ko-Fi - https://ko-fi.com/1littlecoder 🧭 Follow me on 🧭 Twitter - https://twitter.com/1littlecoder Linkedin - https://www.linkedin.com/in/amrrs/
2024. 9. 27.
🚀 https://neetcode.io/ - A better way to prepare for Coding Interviews 🧑💼 LinkedIn: https://www.linkedin.com/in/navdeep-singh-3aaa14161/ 🐦 Twitter: https://twitter.com/neetcode1 ⭐ BLIND-75 PLAYLIST: https://www.youtube.com/watch?v=KLlXCFG5TnA&list=PLot-Xpze53ldVwtstag2TL4HQhAnC8ATf Problem Link: https://leetcode.com/problems/count-number-of-maximum-bitwise-or-subsets/description/ 0:00 - Read the problem 0:30 - Drawing Explanation 1 5:36 - Coding Explanation 1 9:15 - Drawing Explanation 2 14:21 - Coding Explanation 2 16:40 - Drawing Explanation 3 23:03 - Coding Explanation 3 30:15 - Drawing Explanation 4 35:05 - Coding Explanation 4 leetcode 2044 #neetcode #leetcode #python
2024. 10. 18.
In this episode we will build our the Frontend part of our URL shortener app using React, Typescript and Tailwind css. We will do the API integration which we built in the previous episode so if you have missed that then I recommend you to check that out. ⭐️ Episode 1 : https://youtu.be/sKq-aSrnZog ⭐️ Episode 2 : https://youtu.be/GOp0gH3zE9s Node.js: The Complete Guide to Build Backend Projects [2023]🔥 Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero ⭐️ Support my channel⭐️ https://www.buymeacoffee.com/dipeshmalvia ⭐️ Full Source Code ⭐️ https://buymeacoffee.com/dipeshmalvia/e/267940 ⭐️ Node.js for beginners Playlist ⭐️ https://youtube.com/playlist?list=PLTP3E5bPW796_icZanMqhdg7i0Cl7Y51F 🔥 Video contents... ENJOY 👇 0:00:00 - Outro 0:00:27 - Demo 0:02:20 - Project Setup using VITE 0:06:03 - Adding Tailwind css to Project 0:08:35 - Header & Footer Component 0:14:40 - Adding Container Component 0:16:37 - Adding Form component 0:26:40 - Form Handling 0:28:36 - Axios API integration - Create Short URL 0:33:02 - Adding Data Table Component 0:37:06 - Axios API integration Fetch Short URLs 0:42:28 - Render Data Table List 0:46:46 - Adding Icons using Heroicons 0:47:47 - Copy clipboard feature 0:50:28 - Delete Short URL 0:52:38 - Re-render Container Component 0:58:14 - Sort Data in MongoDB 1:00:18 - Outro ⭐️ Crash Courses ⭐️ 🔗 Nodejs Crash Course - https://youtu.be/H9M02of22z4 🔗 React Crash Course - https://youtu.be/0riHps91AzE 🔗 JavaScript Crash Course - https://youtu.be/sptS-bgg8Ro 🔗 HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc 🔗 CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Tags ⭐️ - Node.js URL Shortener Backend: MongoDB + TypeScript Deep Dive - Node.js API Development: URL Shortener Backend Using TypeScript and MongoDB - Building Scalable APIs: URL Shortener App with Node.js, MongoDB, and TypeScript - Hands-On Tutorial: Building a URL Shortener Backend with Node.js, MongoDB, and TypeScript ⭐️ Hashtags ⭐️ #react #typescript #mernstack #projects #beginners Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
2024. 2. 13.
강의노트: https://guebin.github.io/DL2024/
2024. 6. 13.