잠시만 기다려 주세요.
Hitesh Choudhary
2024. 8. 13.
https://chaicode.com Introduction to SaaS Building Playlist 00:00 - 00:06 Introduction to the playlist and today's topic. Setting Up Image Upload with Cloudinary 00:07 - 06:08 Overview of the image upload process, setting up Cloudinary, and handling file uploads in Next.js. Transforming Images Using Cloudinary 06:09 - 15:00 Detailed explanation of transforming images with Cloudinary, including setting parameters, using hooks, and managing state. Handling Image Downloads with Custom File Names 15:01 - 21:00 Implementing the logic to download transformed images with custom file names, including a breakdown of JavaScript techniques used. Building the Frontend and UI Integration 21:01 - 27:51 Creating the frontend using Tailwind and Daisy UI, integrating Cloudinary components, and finalizing the image transformation and download process. Conclusion and Next Steps 27:52 - 28:30 Recap of the video, final thoughts, and what's coming next in the playlist. 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
Try Brilliant Free for 30 days + 20% Off Premium Membership → https://brilliant.org/CosdenSolutions 📥 Design Pattern Document (Newsletter) → https://cosden.solutions/newsletter?s=ytd-midp 🚀 Project React → https://cosden.solutions/project-react TKDodo's Article → https://tkdodo.eu/blog/zustand-and-react-context Source Code → https://github.com/cosdensolutions/code/tree/master/videos/long/zustand-context-pattern Join The Discord! → https://discord.cosden.solutions VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace" In this video we will take a look at a more advanced pattern in React, which consists of combining Zustand and the Context API to remove some of the limitations of global state. By using the Context API from React we are able to control how global the Zustand store is, and which part of the component tree gets access to it. This unlocks a whole new range of possibilities and combines the best of both worlds!
2024. 10. 25.
테스트하기 어려운 코드와 테스트를 해야하는 비즈니스 로직이 섞여 있는 상황에서 비즈니스 로직을 추출하여 테스트하기 용이하게 하는 리팩터링 기법 3가지(Split Phase, Humble Object Pattern, Functional Core & Mutable Shell) 중 세번째인 Functional Core & Mutable Shell에 대해서 알아봅니다.
2022. 4. 14.
🙋♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다.
2024. 10. 25.
#프론트엔드 #리액트 #next #react #자바스크립트
2023. 12. 9.
🚀 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.
해킹 라이브 중 일부입니다. :) 우리 인생에서는 똥캐란 없습니다. 각자 다른 경험을 하며 살 뿐이죠! KEEP GOING ! 매 주 화요일 저녁! 9시~!!! 해킹 이야기를 듣는 시간!!! :D [편집] : 옴뇸이 [*] With Normaltic (강연, 방송 섭외 문의) normaltic's Instagram : https://www.instagram.com/normaltic/ normaltic's KaKaoTalk : http://pf.kakao.com/_xkxkbxixb normaltic's Email : normalticpublic@gmail.com #화이트해커 #노말틱 #똥캐
2024. 8. 12.