์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Joy of Code
2024. 8. 24.
Learn how effects work in Svelte and when to use them. ๐ด 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 2:42 What Are Side Effects? 4:31 Lifecycle Functions 6:23 Untrack 8:13 Effect Timing (Microtask Queue) 10:58 Don't Use Effect To Derive Values 14:02 Effect Cleanup 15:32 Effect Dependency Tracking 17:41 You Probably Don't Need An Effect 21:06 Effect Root 21:54 Effect Tracking 23:41 Practical Example 27:23 Outro #joyofcode #sveltekit #svelte
Join me for a live coding session as I enhance my AI powered YouTube app! In this stream, I'll tackle two major challenges: ๐ Fixing a pesky bug in our AI API integration ๐ Adding a brand new feature: sentiment analysis for YouTube comments ๐ง Sign up for the Comment Genie Beta: https://mrc.fm/cgbeta โจ Weekly AI Newsletter: https://mrc.fm/creatormagic Watch in real-time as I use amazing AI tools like ChatGPT, Cursor AI, Replit and v0 to solve problems and build new features - all without traditional coding! Whether you're a tech enthusiast, a YouTuber, or just curious about AI's potential, this stream will show you the future of app development. You'll see how AI can: ๐ Debug complex issues ๐ Implement advanced features like sentiment analysis ๐ Streamline the development process Don't miss this opportunity to see AI assisted development in action! Bring your questions and let's explore the possibilities together. 0:00 Introduction to Live Stream and App Development 1:43 Background and Objective 4:43 Development Tools Overview (Replit & Cursor) 12:01 Comment Genie Roadmap and Development Process 16:50 Git Integration 19:43 Bug Fixing with AI 25:59 Using Cursor Composer AI to Fix Bugs 56:35 New Feature Implementation - Sentiment Analysis 1:06:43 Testing the New Feature and Fixing Bugs 1:22:33 Final Tests and Deployment Preparations 1:42:50 Deploying to Production 1:51:12 Q&A and Future Plans
2024. 10. 1.
๐ 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/sentence-similarity-iii/description/ 0:00 - Read the problem 0:30 - Drawing Explanation 10:42 - Coding Explanation leetcode 1813 #neetcode #leetcode #python
2024. 10. 6.
๋ค๊ฐ์ค๋ ๋ฏธ๋์ ํ๋ฆ์ ์ฌ๋ผํ์! NLP ์ฝ๊ธฐ ๋ ์์ธํ ๋ด์ฉ์ ๋ค์ ๋ ผ๋ฌธ์ ์ฐธ๊ณ ํ์๊ธฐ ๋ฐ๋๋๋ค. One Embedder, Any Task: Instruction-Finetuned Text Embeddings (https://arxiv.org/abs/2212.09741) ์์ฒญํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๊ตฌ๋ ! ์ข์์! ํด์ฃผ์ธ์ฉ! ์์ฒญ ๊ฐ์ฌํฉ๋๋ค. #ai #chatgpt #bard #prompt #promptengineering #llama #llm #gpt #RAG
2024. 6. 18.
Learn how to build a sonic infinite runner game using JavaScript. In this course @JSLegendDev will teach you how to use the Kaplay game library for GameDev in JavaScirpt. Live demo: https://jslegend.itch.io/sonic-ring-run Source code: https://github.com/JSLegendDev/sonic-runner Assets: https://github.com/JSLegendDev/sonic-runner/tree/master/public How to implement parallax scrolling : https://jslegenddev.substack.com/p/how-to-implement-infinite-parallax โญ๏ธ Contents โญ๏ธ 0:00:00 Intro 0:04:06 Project Setup 0:21:41 Loading Assets 0:31:09 Making The Main Menu Scene 0:54:51 Creating The Sonic Game Object 1:03:38 Making The Game Scene 1:14:02 Implementing Sonic Gameplay 1:22:54 Implementing Enemy Logic 1:37:21 Implementing Ring + Score Logic 1:56:39 Making The Game Over Scene 2:06:06 How Build The Game for Distribution ๐ 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. 17.
#sw๊ฐ๋ฐ #๊ฐ๋ฐ์ #ide โถ ๊ตฌํด์ค SW โถ์ ํ๋ธ ์ฑํฐ ๊ธฐ๋ฅ์ผ๋ก ๋ณด๊ธฐ (๋ชฉ์ฐจ) 00:00 ๊ฐ์ ์ค๋ช 00:24 AI๊ธฐ๋ฐ IDE, Cursor IDE 02:27 Cursor IDE ์ฃผ์ ๊ธฐ๋ฅ ๋ฐ๋ชจ 06:00 Cursor IDE๊ฐ ๋ง๋ ๊ฐ๋ฐ ์์ฐ์ฑ โถ๊ฒ์คํธ: ์ค์ฑ์ด ๋ํ / ๋๋ฆผํ๋ก์ฐ โถํธ์คํธ: ๊ณ ์ฐ์ฑ PD / ํ ํฌ์์ดํฐ โถํ์์ : https://youtube.com/live/GFCXMVKv-K4?feature=share โถ์ค์ฑ์ด ๋ํ SW ๊ต์ก ๊ณผ์ : https://bit.ly/test_automation_edu_page โถ๋ฌธ์ ๋ฉ์ผ : sy.yun@dream-flow.com IT์ ๋ฌธ๋ฐฉ์ก ํ ํฌ์์ดํฐ์์๋ ๋งค์ผ ํ ํฌ๋ถ์ผ ์ ๋ฌธ๊ฐ์ ์๋ฐฉ์ก ์จ๋น๋๊ฐ ์งํ๋ฉ๋๋ค. ๋๊ตฌ๋ ์ง ๋ฌด๋ฃ๋ก ์ฐธ์ฌํ์ค ์ ์์ผ๋ฉฐ, ๋จ๊ฒจ์ฃผ์ ์ง์์ ๋ํ ์ ๋ฌธ๊ฐ์ ์ค์๊ฐ ์๋ต์ ๊ฒฝํํ์ค ์ ์์ต๋๋ค. 2006๋ ๋ถํฐ 2,000ํ์ด์ ์งํ๋ ๋ค์ํ ์จ๋น๋๋ฅผ ํตํด ๊ตญ๋ด์ธ ์ต์ IT ๊ธฐ์ ์ ํ์ธํ์ธ์. โถ ํ ํฌ์์ดํฐ ์จ๋น๋ ์ฐธ์ฌ ๋ฐ ์๋ฃ ๋ค์ด๋ก๋ : https://talkit.tv [ํ ํฌ์์ดํฐ IT ์จ๋น๋ ๋๋ ์ฝํ ์ธ ๋ง์ผํ ๋ฌธ์] : talkit@talkit.tv, 02-565-0012
2024. 9. 1.
Go from zero to a frontend developer in 12 months. This step-by-step roadmap covers the essential skills and latest technologies to become a frontend developer in 2024. Download the FREE roadmap PDF here: https://mosh.link/frontend-roadmap โ Stay connected - Complete courses: https://codewithmosh.com - Twitter: https://twitter.com/moshhamedani - Facebook: https://www.facebook.com/programmingwithmosh/ - Instagram: https://www.instagram.com/codewithmosh.official/ - LinkedIn: https://www.linkedin.com/school/codewithmosh/ ๐ Other roadmaps https://youtu.be/OeEHJgzqS1k?si=aR1w8WMfdDQxx3wE https://youtu.be/yye7rSsiV6k?si=4ZIpjrqeU0fJk7os ๐ Tutorials https://youtu.be/qz0aGYrrlhU?si=8d3Q5kiE83nMJZAG https://youtu.be/W6NZfCO5SIk?si=WXcgkjHSsGFyXZC2 https://youtu.be/d56mG7DezGs?si=Bng_nVPU7VQrxaa7 https://youtu.be/8JJ101D3knE?si=OGTuS35LQqSunuhh https://youtu.be/SqcY0GlETPk?si=hbktR9plzOgfuvpZ https://youtu.be/ZVnjOPwW4ZA?si=VG6XInWdFW8d0Sog https://youtu.be/zuKbR4Q428o?si=U_e5ITtUGFptQoqw https://youtu.be/0-S5a0eXPoc?si=1l1qX0YwbQN7BEuo ๐ Chapters 00:00 - Introduction 00:23 - Basics of web development 00:56 - How long it takes to become a front-end developer 01:10 - The complete front-end roadmap (PDF) 01:33 - Basics of front-end development 03:33 - Version control (Git) 03:53 - TypeScript 04:18 - UI libraries/frameworks 05:41 - CSS preprocessors 06:22 - CSS frameworks 07:01 - Automated testing frameworks 07:43 - Meta-frameworks 08:20 - Mobile development #programming #webdevelopment #frontend #coding
2024. 5. 28.