์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Joy of Code
2024. 5. 10.
Abstract and reuse reactive logic across files and components with Svelte runes. ๐ด Patreon: https://www.patreon.com/joyofcode ๐ Twitter: https://twitter.com/joyofcodedev ๐ฌ Discord: https://discord.com/invite/k6ZpwAKwwZ ๐ฅ Uses: https://www.joyofcode.xyz/uses ๐ Timestamps 0:00 Intro 0:35 Persisting State Using Local Storage 3:06 Creating A Reusable Local Storage Function 4:35 Moving The Code Outside The Component 5:27 Improving The User Experience With Types 6:34 Creating A Reusable Local Storage Class 9:35 Adding Types To The Local Storage Class 10:23 Using A Factory Function 10:54 Using Get And Set Methods 13:41 Outro #joyofcode #sveltekit #svelte
IT์ ๋ฌธ๋ฐฉ์ก ํ ํฌ์์ดํฐ์์๋ ๋งค์ผ ํ ํฌ๋ถ์ผ ์ ๋ฌธ๊ฐ์ ์๋ฐฉ์ก ์จ๋น๋๊ฐ ์งํ๋ฉ๋๋ค. ๋๊ตฌ๋ ์ง ๋ฌด๋ฃ๋ก ์ฐธ์ฌํ์ค ์ ์์ผ๋ฉฐ, ๋จ๊ฒจ์ฃผ์ ์ง์์ ๋ํ ์ ๋ฌธ๊ฐ์ ์ค์๊ฐ ์๋ต์ ๊ฒฝํํ์ค ์ ์์ต๋๋ค. 2006๋ ๋ถํฐ 2,000ํ์ด์ ์งํ๋ ๋ค์ํ ์จ๋น๋๋ฅผ ํตํด ๊ตญ๋ด์ธ ์ต์ IT ๊ธฐ์ ์ ํ์ธํ์ธ์. โถ ํ ํฌ์์ดํฐ ์จ๋น๋ ์ฐธ์ฌ ๋ฐ ์๋ฃ ๋ค์ด๋ก๋ : https://talkit.tv [ํ ํฌ์์ดํฐ IT ์จ๋น๋ ๋๋ ์ฝํ ์ธ ๋ง์ผํ ๋ฌธ์] : talkit@talkit.tv, 02-565-0012
2024. 10. 22.
๐ Description : Dans cette vidรฉo, je te partage un guide complet sur comment devenir un dรฉveloppeur web professionnel rapidement en 2024. Je te propose un processus efficace et structurรฉ pour apprendre le dรฉveloppement web. Voici les points clรฉs que nous allons aborder : ๐ Au programme : 00:00 Introduction 00:42 Pourquoi devenir dรฉveloppeur web ? 01:49 Comment apprendre le code rapidement ? 02:23 HTML, CSS et JS 02:52 Programmation orientรฉe objet (POO) 03:35 Typescript 04:13 Angular, React ou Vue 05:38 Firebase ou Amplify 06:11 Git eu Github 06:11 Algorithmique et structure de donnรฉes 07:20 Crรฉation d'applications 07:47 Crรฉation d'un portfolio 08:04 Bonus : Crรฉation de contenu 08:22 Recommandations et astuces 09:14 Conclusion ๐ Liens utiles : https://www.youtube.com/watch?v=11NVVtgxbyw https://www.youtube.com/watch?v=G_UtQrEUBiA
2023. 12. 3.
Why you should consider building an open source SaaS as your next startup. I cover the pros and the cons of open source and what to look out for. For the text version of this video: https://www.getinboxzero.com/blog/post/why-build-an-open-source-saas More videos about Open Source: https://www.youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO Give Inbox Zero a star on GitHub: https://github.com/elie222/inbox-zero Hire a top freelance developer, fast: https://skilled.co.il Twitter: https://twitter.com/elie2222 Newsletter: https://opensource.beehiiv.com/ Discord: https://discord.gg/RWwKa2Sn7h Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r #opensource #fullstack #nextjs #typescript #inboxzero
2024. 6. 25.
React is a HTML rendering JavaScript library. Not a web development framework as it is often wrongly called. If it were a framework, React would decide how we should organize our files. Instead it leaves this up to you. This video shows you my prefered folder structure for making large React projects that are easy to maintain and scale. ๐ Timestamps 00:00 Intro 01:17 Project setup and SURPRISE CAT ๐ 05:42 React Router and Page Components 11:14 Layout Components 17:47 App Provider 20:42 Posts module Main Feed page component 24:14 Nested Posts Router 27:48 usePosts custom hook 39:19 Rendering Post components 44:17 Users module Profile page component 48:43 UserContextProvider 52:53 useUserContext hook 55:17 LogIn component 1:00:20 logInWithUsername UserContext function
2023. 4. 5.
์๋ก ๋์จ OpenAI o1 ๋ชจ๋ธ์ ์ฒด์ค ๊ฒ์์ ํ ์คํธ ํด๋ณด์์ต๋๋ค - ์์ธํ ๋ด์ฉ์ ์์์ ๋ด์ฃผ์ธ์! ๊ตฌ๋ ๊ณผ ์ข์์๋ ์์ ์ ์์ ํฐ ํ์ด ๋ฉ๋๋ค. ์ค๋๋ ์์์ ๋ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! 0:00 OpenAI o1 ๊ด๋ จ ์ค๋ช 0:45 ์ฒด์ค ๊ฒ์ ์์ 3:10 OpenAI o1์ด ํ๋ ์๊ฐ ์ค๋ช 6:28 OpenAI o1๊ณผ OpenAI 4o ๊ฒฐ๊ณผ๋?
2024. 9. 16.
Sign Up to Convex: https://convex.dev/c/asaaprogrammer Source Code: https://github.com/burakorkmez/whatsapp-clone (Stars appreciatedโญ) Get ZEGOCLOUD SDK for 10,000 free mins: https://bit.ly/3TP1YWc Take Advantage of ZEGOCLOUD: https://bit.ly/3vv92xR Join the Discord to ask your questions: https://discord.gg/YFn2WyheZV Next.js 14 WhatsApp clone built with React.js, TypeScript, TailwindCSS Convex, Clerk and ZegoCloud. Here are some of the features ๐ โ๏ธ Tech stack: Next.js 14 + TypeScript + TailwindCSS + Convex ๐ Authentication with Clerk ๐จ Create Private Chats and Group Chats โฐ Online/Offline Status for Users ๐ Kick Users From the Group (if you are the admin) ๐ฅ Video Calls (private and group) ๐ธ Send Images and Videos (in the chat) ๐ค OpenAI Integration (ChatGPT and DALL-E-3) ๐ Error handling (both on the server and on the client) ๐ Global state managment with Zustand ๐ป Advanced Concepts such as WebHooks ๐ Light/Dark Mode ๐ Deployment โณ And much more! LINKS X(Twitter): https://twitter.com/asaprogrammer_ Support: https://www.buymeacoffee.com/burakorkmezz Timestamps: 00:00:00 Demo 00:04:10 (1st) UI DESIGN 00:43:00 (2nd) Convex Basics 01:07:20 (2nd) Auth && WebHooks 01:48:11 (3rd) Create Conversations 02:25:11 (3rd) Get Past Conversations 02:40:57 (3rd) Using Zustand 02:49:40 (3rd) Get Group Members 02:54:55 (3rd) Send Text Messages 03:09:20 (3rd) Get Messages 03:32:50 (3rd) Send Images && Videos 04:03:40 (3rd) Kick Users From Groups 04:22:05 (3rd) ChatGPT Support 04:42:10 (3rd) DALL-E Support 04:56:55 (4th) Video Calling 05:17:52 (5th) Finally Deployment! Thanks for watching. #nextjs #react #convex #zegocloud #videocall #webrtc
2024. 4. 5.