์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Huntabyte
2024. 6. 28.
In this video, we'll start with some basic markup and bring it to life using Svelte 5 Runes and other new Svelte 5 APIs. Specifically, we'll be creating a "Toaster" component along with its state that will enable us to push toast notifications from anywhere in our app. If you enjoy this type of content, please let me know, and I'll gladly create more! Global State Video: https://www.youtube.com/watch?v=EyDV5XLfagg Starting Code: https://github.com/huntabyte/svelte-5-context-classes/tree/starting-code Final Code: https://github.com/huntabyte/svelte-5-context-classes ๐ GitHub: https://hj.run/github ๐ Personal Site: https://hj.run ๐ Modern SaaS Course: https://hbyt.us/modern-saas ๐ฌ Discord: https://hj.run/discord ๐ฆ X/Twitter: https://hj.run/x ๐ฅ๏ธ Setup Stuff: https://hj.run/uses ๐ Topics Covered: - Svelte 5 Runes - Svelte 5 $state - Svelte 5 $effect - Svelte 5 $derived - Svelte 5 reactivity - Svelte 5 classes - Svelte 5 context - Svelte context API - Svelte global state - Svelte class state - Svelte reactive classes
๐ด - To support my channel, Iโd like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com โฌโฌโฌโฌโฌ Experience & Location ๐ผ โฌโฌโฌโฌโฌ โบ Iโm a Senior Software Engineer at Juniper Networks (12+ years of experience) โบ Located in San Francisco Bay Area, CA (US citizen) โฌโฌโฌโฌโฌโฌ Connect with me ๐ โฌโฌโฌโฌโฌโฌ โบ LinkedIn: https://www.linkedin.com/in/anton-putra โบ Twitter/X: https://twitter.com/antonvputra โบ GitHub: https://github.com/antonputra โบ Email: me@antonputra.com โฌโฌโฌโฌโฌโฌ Related videos ๐จโ๐ซ โฌโฌโฌโฌโฌโฌ ๐ [Playlist] Kubernetes Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF ๐ [Playlist] Terraform Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj ๐ [Playlist] Network Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz ๐ [Playlist] Apache Kafka Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e ๐ [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd ๐ [Playlist] Database Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnhmmh5pu9sdWekdRwAzV5f โฌโฌโฌโฌโฌโฌโฌ Timestamps โฐ โฌโฌโฌโฌโฌโฌโฌ 0:00 Intro 11:21 Getting Started with Docker Compose 25:57 Docker Compose Secrets & Environment Variables 32:06 Docker Compose Config 35:12 Docker Compose Volumes 41:55 Docker Compose Hot Reload 44:41 Docker Compose Postgres 50:56 Docker Compose Nginx 56:50 Secure Nginx with Letsencrypt โฌโฌโฌโฌโฌโฌโฌ Source Code ๐ โฌโฌโฌโฌโฌโฌโฌ โบ GitHub: https://github.com/antonputra/tutorials/tree/main/lessons/199 #Docker #DevOps #Kubernetes
2024. 7. 25.
React Native overflow explained step by step. Take the course on Udemy here https://www.udemy.com/course/react-native-for-complete-beginners-with-backend/?referralCode=4A86502412716F7A140E
2024. 8. 23.
๋ฉ์ฒญํจ๊ณผ ์ด๊ธฐ์ฃผ์์ ์๋ ํ๋ ธ๋ฐ์ ๊ฒฐ๊ณผ๋ ์์ข์๊น? ๋ฉํ์ธ์ง๋ฅผ ๋น ๋ฅด๊ฒ ํ๊ธฐ ๋๋ฌธ์ด๋ค. ์๋ฌด๋ฆฌ ๋งํด๋ผ ์ํด๋ดค์ ๊ธฐ์ ์ ์ด๊ธฐ์ ์ด๊ธฐ ๋๋ฌธ์ ์ํ๋ฉด ๊ทธ๋ฅ ๋ฝ์. ์๋ฌด๋ฆฌ ์ฐ์์ธ๋ค ์ ํ๋ฌ๊ณ ๊ณต๊ฒฉํด๋ดค์ ์ด์๊ฒ ์์ด์๊ฒ ๋์ง์์. - ์ค๋์ค๋ ํค์ด ์์๋ค์ ์ด๊ธฐ์ฃผ์ 2030 โ๊ทธ๋ฅ ์ฌ์์โ ์ง๋๋ฌ 66๋ง๋ช , 4050 ์ฒ์ ์์ง๋ ๋ค [์ค์์ผ๋ณด] 20๋ 81%๊ฐ ๋ถ๋ชจ์ ์นํ์ฐ๋คโฆ '์บฅ๊ฑฐ๋ฃจ์กฑ' OECD 1์ [์กฐ์ ์ผ๋ณด] 1) ์ผ๋ฐ์ ์ธ ํ์ฌ์ํ ์ํด๋ณธ ๋๋ผ๋ง ์๊ฐ๋ค์ด ๋ง๋ ๊ทผ๋ก์ ํผํด์์์ ๊ธฐ๋ฐ์ผ๋กํ ์๋์ฐ ๋ณต์ฑ์ผ๋ก ์ธํด์ ๋ฐ์๋ฒํผํ์ฑ(์ผ๊ทผ,ํ์,์์ฌ์๊ถ์์ฃผ์) 2) ๋ฌด๊ฐ๋ MZ๋ค ๋๋ฌด ๋ง์์ ธ์ ํ์ฌ๋ ์ด๊ธฐ์ ์ผ๋ก ๋ณํจ ์ ์ ์ ๊ฐ๋ฐ์๋ค์ ๊ต์ก์ํด? ๊ทธ๋ฅ ์ํ๋ ๊ฒฝ๋ ฅ์ ๋ฝ์~ - ํ๋ฆฌ์ฌ๋ฆผํฝ ํ๋์ค์ ์ด๊ธฐ์ฃผ์ ํ๋์ค ์ฌ๋ฆผํฝ์์ ์ ์๋ค ์๋จ์ ์ฑ์์์ฃผ๋ก ์ ๊ณต, ์์ด์ปจ๋ ธ์ ๊ณต ํ๋ค๊ณ ํ๋ค. 'ํ๊ฒฝ'์ ์๊ฐํด์ ๋ผ๋ ๋ช ๋ถ์ด๋ค. ๋๋ PC ์ฃผ์์ ๋ชจ๋ ๊ฒ์ ๋ฐ๋ํ์ง๋ ์์ง๋ง ์ด๊ฑด์ข ์ ๋์๋ค. ํ๋ฑ์ ์ธ์น์ง๋ง ์คํ๋ ค ๋ ์๋ณธ์ด ์์ ๋๋ผ๊ฐ ์ ๋ฆฌํ ์ฌ๋ฆผํฝ์ด ๋๋ฒ๋ ธ๋ค. ์ธ๊ณ 10์๊ถ ์ ์ง๊ตญ์ธ ๋ํ๋ฏผ๊ตญ์ ์์ด์ปจ, ๊ณ ๊ธฐ๋์๋ฝ ์์ฒด๊ณต์. ์์ ๋ถํฐ ํ๋ฆฌ ๋๋ฌด ์ซ์ดํ๋ค๊ณ ์๊ธฐ ๊พธ์คํ ํด์๋ค. ํ๋ฆฌ๊ฐ ๋ญ๋ง์ ๋์๋ผ๊ณ ํ๋๋ฐ ๊ธ์ ๋์ฒ๋ผ ์๋ฏผํ ์ฌ๋๋ค์ด ๋๋ผ๊ธฐ์ ์ต์ ์ ๋์์คํ๋์ด๋ค. ๋๋ฒ ์ ๋ ๊ฐ๋ณธ๊ธฐ์ต์ ์ ๋ง ์ต์ ์ด์๋ค. ๋ฌผ๊ฐ๋น์ธ๊ณ ์ง์๋ค์ด ๋๋ฌด ๊ฐ์ด์ด์ ์๋๋ค์ ๋ถํธํ๊ฒ ํ ์ ๋ ์๊ณ ํ์ ์ฒ๋ฆฌ ๋๋ฆฌ๋ฉฐ ์๋งค์น๊ธฐ๊ฐ ๋ง๊ณ ์ ์ ์๊ณ ์ด๋๋ก ํ์ง ๋ชจ๋ฅด๋ ๊ธฐ๋ณต์ด ์ฌํ ๊ตญ๋ฏผ์ฑ์ ๊ฐ์ง๋๋ผ์๋ค. ์ผ๋ณธ์ฒ๋ผ ์ซ๋๋ผ๋ ํฐ์๋ด๊ณ ์ ๋นํ ์น์ ํ๊ฒ ๋ ์ข์. ๋ฐ๋ฉด ํจ์ฌ ์ธ๊ถ๋ฎ๊ณ ์๋์ ์ ๋๋จ์ ๊ตญ๊ฐ๊ฐ ๋ ์์ ํ๊ณ ์ข์๋ค. - ์์ฒญ์์ ์ด๊ธฐ์ฃผ์ ๊ตฌ๊ตฌ์ ์ ํ๊ฒ ์๊ธฐ ํด๋ช ๋งํ๋๊ณ ๋ญ๋ผํ๋ ๋๊ธ์ด ์์๋ค. ํต์ฌ์์ฃผ๋ก ์์์ฌ๋ฆฌ๋ผ๊ณ ํ๋ ์ค๋ฝ๊ฒ ๋๊ธ์ ๋ฌ๋๋ผ. ์๋ณด๋ฉด๋์ง ์์๊น? ๊ตณ์ด ์ซ์๋ถ๋ถ ๊พธ์ญ๊พธ์ญ ๋ณด๋ฉด์ ๋ ธํ์ฐ๋ ์ป๊ณ ์ถ๊ณ ? - ํ์์ ์ด๊ธฐ์ฃผ์ ์๋ฌด๋ฆฌ ์์ด๋ณด๊ต์ก ์ต๊ณ ์ ์ ์๋์ ์ฐพ์์๋ดค์ ์ํ๋ฉด ์๋ฏธ์๋ค. ํจ๊ป ํ๊ธฐ๋ก ์ฝ์ํ๋ ์ฐ์ต๋ค์ ํ์ง ์๊ณ ์๋ ๊ฑฐ๋ผ ๋ง์ฐํ๊ฒ ๋ฏฟ๋๋ค. ์ง์ง ๋ฉ์ฒญํ๊ฑฐ๋ค. ์๊ธฐ ์ค์ค๋ก ๋ ์ค์ํ๋ค๊ณ ์๊ฐํ๋๊ฒ์ ์ฐ์ตํ๋ค. ๋ด๊ฐ ๋ณผ๋ ๋ต์๋๋ฐ;; ๋ฉ์ฒญํจ์ด ์ ๋ง ๋ต์ด ์๋๊ฑด ๋ณธ์ธ๋ํ ์ด๋์ ๋ชป๋ณธ๋ค๋ ์ฌ์ค์ด๋ค. - ์ ์ผ ๋ฌด์์ด ์กด์ฌ ๊ฒฝ๊ณ์ ์ง๋ฅ์ธ 15%(์ง์ ์ฅ์ ์ธ๊ณผ ์ผ๋ฐ์ง๋ฅ์ ๊ฒฝ๊ณ์ ์ ์๋ ์ง๋ฅ์ธ), ๋ฐ์ฌํ์ ์ธ๊ฒฉ์ฅ์ 5%(์ธ์ด์ฝํจ์ค,๋๋ฅด์์์คํธ, ์์์คํจ์ค, ๋งํค์๋ฒจ๋ฆฌ์คํธ) ๋ ๋ฌธ์ ๊ฐ ์งฌ๋ฝ๋์ฌ๋๋ค์ด ์ ์ผ ๋ฌด์ญ๋ค. ๋๋ํ ์ ์ธ๋ณด๋ค ๋ฉ์ฒญํ์ฌ๋๋ค์ด ๋ ๋ฌด์ญ๋ค. ์ฐธ๊ณ ) ๋ณธํํผ ๋ฉ์ฒญํจ์ด๋ก + ์นด๋ฅผ๋ก์นํด๋ผ ๋ฉ์ฒญํจ์ด๋ก - ๊ฒฐ๋ก ์ธ๊ฐ์ ์ด๊ธฐ์ ์ด๋ค. ์ด๊ธฐ์ ์ธ ์ฌ๋์ ์๊ธฐ๊ฐ ํ๊ณ ์ถ์ ํ๋๋งํจ. ๊ทธ๊ฒ ํ์ธ์๊ฒ ์ด๋ค์ํฅ์ ์ฃผ๋ ์๋ฐ๋ ธ? ๋ฐ์์ฃผ๋ฉด ์๋๋ค. ํ๋ ธ๋ฐ ํํ์ด์ง https://www.teamnova.co.kr/ ๋ ธํํ์ฅ์ด๋ฉ์ผ manadra@naver.com ํ๋ ธ๋ฐ๊ณต์์ฐ๋ฝ์ฒ 010-7255-2316 ํ๋ ธ๋ฐ๊ฐ๋ฐ์๋ธ๋ก๊ทธ https://stickode.tistory.com/ ํ๋ ธ๋ฐ ์ฐ๊ตฌ https://teamnovatech.co.kr/ ํ๋ ธ๋ฐ์ ์ํํธ์จ์ด ๊ฐ๋ฐ ์๋ขฐ https://www.teamnova.co.kr/si/intro.html ํ๋ ธ๋ฐ ์นดํก ๋จํก๋ฐฉ ์ฝ๊ด๋์ํ ์ ์ฅ https://url.kr/yuvg49 ํ๋ ธ๋ฐ๊ธฐ์ ๋ธ๋ก๊ทธ https://www.teamnovatech.co.kr/home ์นดํ http://cafe.naver.com/teamnovaopen ๋ธ๋ก๊ทธ https://blog.naver.com/manadra ํ๋ ธ๋ฐ ๊ฐ๋ฐ์๋ธ๋ก๊ทธ http://teamnova0410-dev.tistory.com ํ๋ ธ๋ฐ ์ ํ๋ธ https://www.youtube.com/channel/UCQIEU_pBV2wkn-gHg7RPvdQ
2024. 7. 28.
2ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด ๋ง๋๋ ๋ฒ์ ๊ณง ์ฌ๋ผ์ต๋๋ค!! 00:00 ๋ฌดํ์คํฌ๋กค ๋ง๋๋ 2๊ฐ์ง ๋ฐฉ๋ฒ ์๊ฐ 00:49 ๋ฌดํ์คํฌ๋กค ์๋ฆฌ 02:06 ๋ฆฌ์กํธ ์ฟผ๋ฆฌ์ ์ค์์ฑ ( ์คํตํด๋ ๋จ) 03:25 1. api ํธ์ถํ hook๋ง๋ค๊ธฐ 03:51 ์ค๋ ์ฌ์ฉํ api ์๊ฐ 05:06 2. fetch ํจ์ ๋ง๋ค๊ธฐ 06:36 3. useInfiniteQuery ์ฌ์ฉ 13:21 4. App.js์ ๋ค๊ณ ์ค๊ธฐ 16:42 5. UI ๊ทธ๋ฆฌ๊ธฐ 17:10 6. ๋ฌดํ ์คํฌ๋กค ํ๋จ UI๋ง๋ค๊ธฐ 18:38 7. react-intersection-observer ์ฌ์ฉํ๊ธฐ NodeJS ์คํฐ๋ ์ง์ํ๊ธฐ ( ๋ง๊ฐ์ง์ !) https://forms.gle/4GGFGLfFXigAbQ6v5 ์ฝ๋ฉ์๋ ค์ฃผ๋ ๋๋ ๊ฐ์ ๋ฃ๋๊ณณ https://codingnoona.thinkific.com/ ๋๋ฅผ ์ด์ฐ์ฐ๋ฌ ์ฌ๋? ๋๋ ์ธ์คํ ๋ญ์ผ? 1008_shine
2024. 9. 30.
๐โโ๏ธ ์ฐ์ํํ ํฌ์ฝ์ค์ ํฌ๋ฃจ๋ค์ด ์งํํ๋ 10๋ถ ํ ํฌํ ํฌ์ ๋๋ค. ๐โโ๏ธ '10๋ถ ํ ์ฝํก'์ด๋ ์ฐ์ํํ ํฌ์ฝ์ค ๊ณผ์ ์ ์งํํ๋ฉฐ ํฌ๋ฃจ(์๊ฐ์)๋ค์ด ๋๋ฃ๋ค๊ณผ ํ์ตํ ๋ด์ฉ์ ๊ณต์ ํ๊ณ ์ด์ผ๊ธฐํ๋ ์๊ฐ์ ๋๋ค. ์๋ก๊ฐ ์ฑ์ฅํ๊ธฐ ์ํด ์ง์์ ๋๋๊ณ ๋ํํ๋ฉฐ ์๊ฐํด๋ณด๋ ์๊ฐ์ผ๋ก ์๊ธฐ ์ฃผ๋์ ์ธ ์ฑ์ฅ์ ์งํฅํ๋ ์ฐ์ํํ ํฌ์ฝ์ค์ ๋ฌธํ ์ค ํ๋์ ๋๋ค. ๐์ฐ์ํํ ํฌ์ฝ์ค๋ ๐ ์ฐ์ํํ ํฌ์ฝ์ค๋ ์ผ๋ฐ ์ฌ์ฉ์์ฉ ์๋น์ค๋ฅผ ๊ฐ๋ฐํ๋ ํ์ฌ๊ฐ ํ์๋ก ํ๋ ์ญ๋์ ๊ฐ์ง ํ๋ก๊ทธ๋๋จธ๋ฅผ ์์ฑํ๊ธฐ ์ํ ๊ต์ก์ ๋๋ค. ์ฐ๋ฆฌ์ ๋ชฉํ๋ ์๊ธฐ ์ฃผ๋์ ์ผ๋ก ํ์ตํ๊ณ ์ฑ์ฅํ๊ณ ์ถ์ ๊ฐ๋ฐ์๋ฅผ ์ํ ๊ต์ก์ ๋ง๋๋ ๊ฒ์ ๋๋ค.
2024. 8. 5.
Awesome news for all Android developers! Google lost a huge lawsuit against Epic Games which comes with lots of big changes regarding the Google Play ecosystem and monopoly. ๐ป Let me be your mentor and become an industry-ready Android developer in 10 weeks: https://pl-coding.com/drop-table-mentoring?utm_source=youtube&utm_medium=video&utm_campaign=default โญ Courses with real-life practices โญ Save countless hours of time โญ 100% money back guarantee for 30 days โญ Become a professional Android developer now: https://pl-coding.com/premium-courses?utm_source=youtube&utm_medium=video&utm_campaign=default Read our weekly Android blog: https://pl-coding.com/blog Regular programming advice on my Instagram page: https://www.instagram.com/_philipplackner_/ Join my Discord server: https://discord.gg/cwQbmUstEu
2024. 10. 13.