์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Coding in Public
2024. 10. 4.
๐ Key Links ๐ - Challenge page: https://www.frontendmentor.io/challenges/bento-grid-RMydElrlOj/hub - Github: ๐ Connect With Me ๐ - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington0
๐ Project React โ https://cosden.solutions/project-react ๐ฅ Import React (Newsletter) โ https://cosden.solutions/newsletter?s=ytd-zvir Source Code โ https://github.com/cosdensolutions/code/tree/master/videos/long/zod-validation-in-react Join The Discord! โ https://discord.cosden.solutions VSCode Theme | Font โ Material Theme Darker | Menlo, Monaco "monospace" In this video we will learn how to handle Zod validation in React. We will learn how to create a schema with Zod, how to specify different properties such as strings, numbers, arrays, and objects, and we will learn where we typically use Zod for validation in our React applications! TIMESTAMPS 00:00 Intro 00:53 Zod Overview 17:16 Zod with forms 21:28 Zod with API requests 23:49 Zod with env
2024. 9. 20.
๋ฏธ์ฟก์์ง๋์ด์ ์ธํ๋ฐ ๊ฐ์๋ค: https://www.inflearn.com/users/1062032/courses ๊ตฌ๋ ๊ณผ ์ข์์๋ ์ปจํ ์ธ ์ ์์ ํฐ ํ์ด ๋ฉ๋๋ค. ๋์์ด ๋์ จ๋ค๋ฉด ํด๋ฆญ ํ๋ฒ์ฉ ๋๋ฌ์ฃผ์ธ์! #์ค๋ฆฌ์ฝ๋ฐธ๋ฆฌ #์ค๋ฆฌ์ฝ๋ฐธ๋ฆฌ์์ถ #์ํํธ์จ์ด์์ง๋์ด์์ถ #์ฝ๋ฉ๊ฐ์ข #ํ์ด์ฌ๊ฐ์ #๋ฏธ์ฟก์์ง๋์ด #์ผ๋ผ์คํฑ์์น #elasticsearch #searchengine
2024. 6. 5.
๐ ๋ด์ฉ - React.js - Socket.iO - Render deploy ๐์์ฑ ์คํ์ฑํ ์ฌ์ดํธ https://vitereactexpresstestapp.onrender.com/ โฐ ํ์์คํฌํ =================================================== 0:00 ๋ค์ด๊ฐ๊ธฐ & ๊ฐ์ข์๊ฐ 1:43 ํ๋ก์ ํธ ์์ฑ ๋ฐ ์ธํ 5:00 ์ฑํ ์๋ฒ & ํด๋ผ์ด์ธํธ ์์ 1:35:48 css ์์ 1:43:22 ๋ฐฐํฌํ๊ธฐ 1:45:00 ๋ง๋ฌด๋ฆฌ ์ธ์ฌ 1:47:49 =================================================== ๋ถ์กฑํ ์ ์ฑ๋์ ๊ตฌ๋ ํด ์ฃผ์๊ณ ๊พธ์คํ ์์์ ์์ฒญํด ์ฃผ์ ์ ๋๋ฌด๋๋ฌด ๊ฐ์ฌํฉ๋๋ค! ์์ผ๋ก ๋ ๋ ธ๋ ฅํ๋ ์ ๋๋ฆฌ๊ฐ ๋๊ฒ ์ต๋๋ค! ๐ฅฐ ๊ฐ๋ฐํ๋ ์ ๋๋ฆฌ ๋นก์ฝ๋ฉ๋ฐฉ๐ฉ๐ผโ๐ป๐ฅ (๋น๋ฒ: 1016) https://open.kakao.com/o/gxOOKJec ๐ ๋นก์ฝ๋ ๐ฅ๐จโ๐ป ๊ฐ์ ํ๊ณ ์์ฑ ์์ค์ฝ๋ ๋ค์ด๋ก๋ ํ๋ฌ ๊ฐ๊ธฐhttps://www.youtube.com/channel/UCutO2H_AVmWHbzvE92rpxjA/join ๐ ์์ฑ ์์ค์ฝ๋ - [๋นก์ฝ๋ ์ด์ ์ด์ฉ ๊ฐ๋ฅ] https://discord.com/channels/1012169892138586143/1257724297795997736/1257724301529059380 ์์์ด ๋์์ด ๋์ จ๋ค๋ฉด ๊ตฌ๋ ๊ณผ ์ข์์๋ ์ ์๊ฒ ํฐ ํ์ด ๋ฉ๋๋ค!๐ฅฐ
2024. 7. 3.
IT๋ด์ค - ํ ์ฌ๋ผ ์๋ก๋ด, ์์ฉ ์ค์๊ฐ ๊ฒ์ ์์ฑ, AI ๋ ธ๋ฒจ์, ์คํAI ์บ๊ธ ์ฑ๊ณผ, ์ค AI, ์คํฌํฐํ์ด ๋ฌด๋ฃ, ์ ์ํ ๋ฑ ์กฐ์ฝ๋ฉ๊ณผ ์ฝ๋ฉ ๊ณต๋ถํ๊ธฐ https://jocoding.net/ ์กฐ์นด์ - ์๋ง/๋ฒ์ญ/๋๋น AI, ์ฌ์ง AI, ๋์ค AI ๋ฑ https://jocasso.codemafia.io ์ ๋ณด ๋ฉ์ผ: jebo@jocoding.net
2024. 10. 13.
๋งค์ฃผ ์ต์ AI ๋ด์ค๋ฅผ ์ ๋ฌ๋๋ฆฝ๋๋ค. ์ข์์ ํ๋ฒ์ฉ๋ง ๋๋ฌ์ฃผ์๋ฉด ์ ๋ง ํฐ ํ์ด ๋ฉ๋๋ค! AI ๋นํธ์ฝ์ธ ์๋๋งค๋งค ๊ฐ์: https://youtu.be/EOnaOpZy9ew?si=m0obLuMP5ADQtMcf โ ์กฐ์ฝ๋ฉ๊ณผ ์ฝ๋ฉ ๊ณต๋ถํ๊ธฐ https://jocoding.net/ ๐ ์กฐ์นด์ - ์๋ง/๋ฒ์ญ/๋๋น AI, ์ฌ์ง AI, ๋์ค AI ๋ฑ https://jocasso.codemafia.io ๐ฐ์์ ์ ์์ ๋ชจ์๋ณด๊ธฐ OpenAI o1 ์ถ์ https://openai.com/index/introducing-openai-o1-preview/ https://openai.com/index/learning-to-reason-with-llms/ https://openai.com/index/openai-o1-mini-advancing-cost-efficient-reasoning/ https://news.hada.io/topic?id=16735 https://platform.openai.com/docs/guides/reasoning ์ฌ์ฉ์ฌ๋ก https://www.joongang.co.kr/article/21583450 https://www.youtube.com/watch?v=eZDmDn6Iq9Y https://chatgpt.com/c/66e69bf6-8b84-8004-ac76-8005d0e886d7 ํธ์ํฐ ๋ฐ์ https://twitter.com/DrJimFan/status/1834279865933332752 https://twitter.com/godofprompt/status/1834816899458514979 https://twitter.com/CodeByPoonam/status/1834933066160296037 https://twitter.com/maximlott/status/1834652893229859212 https://www.maximumtruth.org/p/massive-breakthrough-in-ai-intelligence https://news.hada.io/topic?id=16759 https://twitter.com/SmokeAwayyy/status/1834641370486915417 ์ํธ๋จผยท์ ์จ ํฉ, AI ์ ๋ ฅ ๋ฌธ์ ๋ก ์ ๋ถ์ ๋ ผ์ https://www.aitimes.com/news/articleView.html?idxno=163408 https://twitter.com/slow_developer/status/1834958266998157547 GPT ๋ค์ ๋ชจ๋ธ ์ค๋ฆฌ์จ, ๊ฒจ์ธ์ ์ถ์ํ๋? https://twitter.com/sama/status/1834795291406483684 ์์ฌ๋ AI์ ๋ฐ๋ฆฐ๋ค? https://twitter.com/DeryaTR_/status/1834630356286558336 ๊ตฌ๊ธ, '๋ ธํธ๋ถLM'์ ๊ฐ์ ํ์บ์คํธ ์์ฑ ์ถ๊ฐ https://www.aitimes.com/news/articleView.html?idxno=163370 https://notebooklm.google.com/notebook ๊ตฌ๊ธ, ์ปดํจํฐ๊ณผํ ๋ ผ๋ฌธ ๋ฐํ ํ์บ์คํธ ์์ฑ AI โilluminateโ ๋ฐํ https://news.hada.io/topic?id=16705 https://illuminate.google.com/home?pli=1 ๊ตฌ๊ธ, ์๋กํ์ ํ์ฐ ๋ชจ๋ธ ๋์ โฆ์ ๋ฐ๋๋ ๋งจ๋ค https://www.aitimes.com/news/articleView.html?idxno=163405 ๊ตฌ๊ธ, ํต๊ณ ๋ฐ์ดํฐ ์๋ต ์ ํ๋ ๋์ธ ๋ฐ์ดํฐ์ ฌ๋ง ๊ณต๊ฐ https://www.aitimes.com/news/articleView.html?idxno=163406 Gen-3 Alpha Video to Video ์ ๋ฐ์ดํธ https://twitter.com/runwayml/status/1834711758335779300 https://twitter.com/mrjonfinger/status/1834727143881973961 https://twitter.com/mrjonfinger/status/1835077390248427539 ์ด๋๋น, ์์ฑ AI ๋น๋์ค ๋๊ตฌ ์ถ์ ์์ https://www.aitimes.com/news/articleView.html?idxno=163372 Reflection 70B ์ฌ๊ธฐ์๋? https://www.aitimes.com/news/articleView.html?idxno=163312 https://twitter.com/shinboson/status/1832933747529834747 ์ค๊ตญ ๋ฅ์ํฌ, โ๋ฅ์ํฌ-V2.5โ ์ถ์โฆ์ธ๊ณ ์ต๊ณ ์คํ ์์ค ๋ชจ๋ธ https://www.aitimes.com/news/articleView.html?idxno=163301 ๋ฏธ์คํธ๋, ํฝ์คํธ๋ 12B ์ถ์โฆ๋ฉํฐ๋ชจ๋ฌ ๊ฐ๋ฅ ์คํ์์ค https://www.aitimes.com/news/articleView.html?idxno=163383 ์ค์๊ฐ ์์ฑ ๋ํ ๊ฐ๋ฅํ ๋ผ๋ง omni, ์คํ์์ค๋ก ๊ณต๊ฐ https://www.aitimes.com/news/articleView.html?idxno=163375 ์ ์คํ ์ด์ง, LLM '์๋ผ ํ๋ก' ํ๋ฆฌ๋ทฐ ๊ณต๊ฐ https://www.aitimes.com/news/articleView.html?idxno=163339 ์ด๊ฑฐ๋ ๋ชจ๋ธ๋ ๋ ธํธ๋ถ ๋ช๊ฐ๋ก ๊ฐ๋ฅํ๋ค? https://twitter.com/AIatMeta/status/1834633042339741961 https://github.com/exo-explore/exo ๋ค์ด๋ฒ, ๊ตฌ๊ธ ์ค์นผ๋ผ ๋ ผ๋ฌธ ํผ์ธ์ฉ์ 4๋ง ๋ํ https://www.aitimes.com/news/articleView.html?idxno=163342 ์ ํ, ์ ํ์ธํ ๋ฆฌ์ ์ค ์ฌ์ฉ ๋ฐ๋ชจ ์ถ๊ฐ ๊ณต๊ฐ https://news.hada.io/topic?id=16681 https://www.apple.com/kr/newsroom/2024/09/apple-debuts-iphone-16-pro-iphone-16-pro-max/ https://n.news.naver.com/mnews/article/092/0002345375 ์ ํ ์ธํ ๋ฆฌ์ ์ค, ์ฌ์ ํ ์คํธ ์ค ํ๊ฐ ๋ ผ๋ https://www.aitimes.com/news/articleView.html?idxno=163265 ์ ํ ์์ดํ ํ๋ก2 ๋ณด์ฒญ๊ธฐ ๊ธฐ๋ฅ ์ถ๊ฐ? FDA ์น์ธ ์๋ฃ https://n.news.naver.com/mnews/article/079/0003938502 ๋ฉํ, GPU 10๋ง๊ฐ ํด๋ฌ์คํฐ ๊ตฌ์ถ ์คโฆ์๊ตญ์์ ๋ฐ์ดํฐ ์์ง ์ฌ๊ฐ https://www.aitimes.com/news/articleView.html?idxno=163369 https://www.aitimes.com/news/articleView.html?idxno=163423 FLUX ๊ฒฝ๋ํ ๋ชจ๋ธ ๊ณต๊ฐ https://twitter.com/_akhaliq/status/1834724069595304305 ๐๋ชฉ์ฐจ 00:00 OpenAI o1 ์ถ์ 01:38 o1 ์๋๋ฐฉ์ 04:05 o1 ์ฌ์ฉ์ฌ๋ก 05:52 o1 ํ๋กฌํํธ ์์ง๋์ด๋ง ํ์์๋ค? 06:12 o1 ํธ์ํฐ ๋ฐ์ 08:49 o1 API ๋ฐ ์ฌ์ฉ์๊ธ 09:54 ์ํธ๋จผยท์ ์จ ํฉ, AI ์ ๋ ฅ ๋ฌธ์ ๋ก ์ ๋ถ์ ๋ ผ์ 10:17 GPT ๋ค์ ๋ชจ๋ธ ์ค๋ฆฌ์จ, ๊ฒจ์ธ์ ์ถ์ํ๋? 11:03 ์์ฌ๋ AI์ ๋ฐ๋ฆฐ๋ค? 11:35 ๊ตฌ๊ธ, '๋ ธํธ๋ถLM'์ ๊ฐ์ ํ์บ์คํธ ์์ฑ ์ถ๊ฐ 12:42 ๊ตฌ๊ธ, ์ปดํจํฐ๊ณผํ ๋ ผ๋ฌธ ๋ฐํ ํ์บ์คํธ ์์ฑ AI โilluminateโ ๋ฐํ 13:18 ๊ตฌ๊ธ, ์๋กํ์ ํ์ฐ ๋ชจ๋ธ ๋์ โฆ์ ๋ฐ๋๋ ๋งจ๋ค 14:12 ๊ตฌ๊ธ, ํต๊ณ ๋ฐ์ดํฐ ์๋ต ์ ํ๋ ๋์ธ ๋ฐ์ดํฐ์ ฌ๋ง ๊ณต๊ฐ 14:24 Gen-3 Alpha Video to Video ์ ๋ฐ์ดํธ 15:18 ์ด๋๋น, ์์ฑ AI ๋น๋์ค ๋๊ตฌ ์ถ์ ์์ 15:53 Reflection 70B ์ฌ๊ธฐ์๋? 16:50 ์ค๊ตญ ๋ฅ์ํฌ, โ๋ฅ์ํฌ-V2.5โ ์ถ์โฆ์ธ๊ณ ์ต๊ณ ์คํ ์์ค ๋ชจ๋ธ 17:04 ๋ฏธ์คํธ๋, ํฝ์คํธ๋ 12B ์ถ์โฆ๋ฉํฐ๋ชจ๋ฌ ๊ฐ๋ฅ ์คํ์์ค 17:21 ์ค์๊ฐ ์์ฑ ๋ํ ๊ฐ๋ฅํ ๋ผ๋ง omni, ์คํ์์ค๋ก ๊ณต๊ฐ 17:48 ์ ์คํ ์ด์ง, LLM '์๋ผ ํ๋ก' ํ๋ฆฌ๋ทฐ ๊ณต๊ฐ 18:00 ์ด๊ฑฐ๋ ๋ชจ๋ธ๋ ๋ ธํธ๋ถ ๋ช๊ฐ๋ก ๊ฐ๋ฅํ๋ค? 18:51 ๋ค์ด๋ฒ, ๊ตฌ๊ธ ์ค์นผ๋ผ ๋ ผ๋ฌธ ํผ์ธ์ฉ์ 4๋ง ๋ํ 19:06 ์ ํ, ์ ํ์ธํ ๋ฆฌ์ ์ค ์ฌ์ฉ ๋ฐ๋ชจ ์ถ๊ฐ ๊ณต๊ฐ 19:51 ์ ํ ์ธํ ๋ฆฌ์ ์ค, ์ฌ์ ํ ์คํธ ์ค ํ๊ฐ ๋ ผ๋ 20:04 ์ ํ ์์ดํ ํ๋ก2 ๋ณด์ฒญ๊ธฐ ๊ธฐ๋ฅ ์ถ๊ฐ? FDA ์น์ธ ์๋ฃ 20:29 ๋ฉํ, GPU 10๋ง๊ฐ ํด๋ฌ์คํฐ ๊ตฌ์ถ ์คโฆ์๊ตญ์์ ๋ฐ์ดํฐ ์์ง ์ฌ๊ฐ 21:12 ๋น ๋ฅธ ์ด๋ฏธ์ง ์์ฑ FLUX ๊ฒฝ๋ํ 21:38 VVIP ๊ฐ์ฌ์ธ์ฌ VVIP ๋ฉค๋ฒ์ญ ํ์ ๋นต์ค์ ์๊ณ ๋ฆฌ์ฆ๋, ๊ทธ๋ฆผ์๊ทธ๋ฆผ์๋, ๋ผ๋ค๋, ์ฐจ๋ฉChading TV๋, ์๋ถ์ฌ๋ฒจ๋, prochild๋, turtledayํฐํ๋ฐ์ด๋, AI Beauty Artist๋, eyuri chi๋, ์ ์ง๊ท ๋, ์๋ณด์ฑ๋, Tae hwan Kim๋, ์ฝ๋ก๋ผ๋๋, ์ ์ด์์ค์ฝ๋ฆฌ์๋ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. https://www.youtube.com/@jocoding/join #๊ฐ๋ฐ์ #ํ๋ก๊ทธ๋๋จธ #ai #it #๋ด์ค #ai๋ด์ค #it๋ด์ค #์์ #์ ๋ฐ์ดํธ #์คํai #openai #openaio1 #o1 #gpto1 #gpt4 #gpt5 #gprorion #orion #์ค๋ผ์จ #์ฑ์งํผํฐ #์ฑgpt #๋ฐํ #์ถ์ #์ ๊ท #๋ชจ๋ธ #๋ฏธ๊ตญ #์ ๋ถ #์ ๋ ฅ #์ ๊ธฐ #์ธํ๋ผ #์์ฌ #๊ตฌ๊ธ #google #notebooklm #๋ ธํธ๋ถlm #ํ์บ์คํธ #์์ฑ #์์ฑai #์์ฑํai #illuminate #์ผ๋ฃจ๋ฏธ๋ค์ดํธ #๋ ผ๋ฌธ #์ปดํจํฐ #๊ณผํ #paper #aloha #๋ก๋ด #ํด๋จธ๋ ธ์ด๋ #์ ๋ฐ๋ #ํ์ฐ๋ชจ๋ธ #๋ํจ์ ๋ชจ๋ธ #ํต๊ณ #์ ฌ๋ง #๋ฐ์ดํฐ์ ฌ๋ง #datagemma #gemma #์ฌ๊ธฐ #์คํ์์ค #reflection #gen3alpha #gen3 #videotovideo #์ ์ฐ๋ฆฌ #์์์์ฑ #์์ #์ด๋๋น #ํ๋ฆฌ๋ฏธ์ด #firefly #๋ฏธ์คํธ๋ #llamaomni #llama #exo #LLM #์ ์คํ ์ด์ง #๋ค์ด๋ฒ #์ ํ #apple #iphone16 #์์ดํฐ16 #์ ํ์ธํ ๋ฆฌ์ ์ค #์์ดํ #๋ณด์ฒญ๊ธฐ #๋ฉํ #meta #๋ฐ์ดํฐ #์์ง
2024. 9. 16.
๐จ๐จ **Download your FREE Portfolio Video Resources Here: ๐:** https://lp.frontendtribe.com/single-page-dev-portfolio-resource-bundle ๐ฅ **What's Inside the resource bundle?:** - ๐จ Complete Responsive Designs - ๐ Starter Template Files - ๐ท All Images and Icons - ๐ฏ 100% FREE! ๐ **Get a FREE 14-day trial of the browser used in this video: Polypane ๐** https://polypane.app/?ref=frontendtribe Join us in this video for Part 1 of building a breathtaking animated portfolio website from scratch in just a few hours. You'll learn in-demand frontend technologies like React, Next.js, TailwindCSS, and Framer Motion to create a visually stunning and interactive portfolio that will leave a lasting impression on potential employers or clients. ๐โจ This tutorial is perfect for: - Beginners who want to learn valuable frontend skills and build a portfolio project. - Experienced developers who want to explore cutting-edge frontend technologies. - Anyone who wants to create a professional and engaging portfolio website. ๐ค Here's what you'll learn: - React & Next.js Foundations: Grasp the core concepts of these powerful frameworks and build dynamic, high-performance web applications. - TailwindCSS Mastery: Style your portfolio with ease and efficiency using Tailwind's utility-first approach. - Framer Motion & CSS Animations: Learn to create captivating animations and micro-interactions to bring your portfolio to life and enhance user experience. - End-to-End Project Build: Follow along as we develop the entire portfolio site, from initial setup through completion. ๐ **Timestamps:** 00:00 - Introduction 02:50 - Initial Setup 09:48 - Header Section 24:26 - Hero Section 1:17:51 - Featured Projects Section 2:03:17 - Tape Section 2:15:45 - Review & Next Video ๐ **Subscribe for more awesome frontend dev content:** https://www.youtube.com/@frontend-tribe?sub_confirmation=1 ๐ **Visit Our Website:** https://frontendtribe.com #frontenddev #nextjs #tailwindcss #framermotion #portfolio #webdevelopment #codingtutorial ๐ ๏ธ **My Setup:** IDE: Cursor IDE - https://www.cursor.com/ Browser: Polypane - https://polypane.app/?ref=frontendtribe ๐ฃ **Frontend Tribe is on a mission to transform 10,000 lives through front-end development mastery! ๐ฃ** *Attribution disclaimer*: This design was heavily inspired by the wonderful Personalfolio Portfolio Template design located here: https://www.figma.com/community/file/1297484254996536416/personalfolio-portfolio-template *Affiliate links disclaimer: This video description contains affiliate links, which means I may receive a commission if you click on a link and make a purchase. However, I only recommend products I genuinely endorse and believe would be helpful to you. Your support helps me keep creating valuable content like this, so thank you!*
2024. 8. 17.