์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Coding in Flow
2024. 9. 28.
Me explaining why I use React instead of just HTML + JS ๐ โญ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs โ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices ๐ Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter ๐ฌ Join our developer community on Discord: https://codinginflow.com/discord ๐ฃ Follow Coding in Flow on social media: Twitter: https://twitter.com/codinginflow Instagram: https://instagram.com/codinginflow TikTok: https://tiktok.com/@codinginflow Facebook: https://facebook.com/codinginflow
๋น๊ทผ์ ์ฑ์ฅ๊ณผ ํจ๊ป ํ๋ก๋ํธ๋ฅผ ๋ง๋๋ ๊ณผ์ ์์ ๊ฒช์ ๋ค์ํ ๊ฒฝํ์ ๊ณต์ ํด์. ๐ฅ ๋ชจ๋๋กํฑ ๋ ๊ฑฐ์ ๋ ํฌ ๊ฐ๋ฐ์๊ฐ ๋์ปดํ ๊ณผ์ ์ ๊ฒช์ผ๋ฉด์ ๋๋ ์ฌ๊ฒฝ์ ๋ณํ (์ด๊ฒฝ์/์ค๊ณ ๊ฑฐ๋์ค) #rubyonrails #system_decomposition #career ๐ฅ ๋น๊ทผ ๊ณต๊ณ ์ดํด๋ณด๊ธฐ : https://about.daangn.com/jobs/ ๐ฅ ๋ฐํ ์๋ฃ : https://daangn.notion.site/SERVER-5599a1755889426bafd4e87a0562e0b6 * ๋น๊ทผ Server ๋ฐ์ 1ํ ๋ค์๋ณด๊ธฐ : https://youtube.com/playlist?list=PLaHcMRg2hoBr5s_jn5CzZrpkmHOY0N8w7&si=VRdpYyoT0bjZ3VOW
2023. 11. 23.
FREE Web Dev Roadmaps: https://webdevsimplified.com/web-dev-roadmap.html All My Courses: https://courses.webdevsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-TEobabW0Y5Y Learning to program is incredibly difficult. It is not only difficult because the concepts are hard to learn, but it is also constantly changing and evolving. In this video I will share with you 4 proven tips that you can implement today to drastically increase the chances you successfully learn web development. ๐ Materials/References: FREE Web Dev Roadmaps: https://webdevsimplified.com/web-dev-roadmap.html All My Courses: https://courses.webdevsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-TEobabW0Y5Y ๐ Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified โฑ๏ธ Timestamps: 00:00 - Introduction 01:33 - Common Advice 02:10 - Advice #1 06:10 - Advice #2 07:52 - Advice #3 09:25 - Advice #4 #WebDevelopment #WDS #LearningToCode
2024. 8. 6.
Full Course AVAILABLE NOW! 25 Hours Of Juicy Fullstack Content ๐ฅ https://www.ultimatenextjs.com What You'll Learn: ๐งโ๐ป Build a full-stack e-commerce app from scratch, mastering React and Next.js ๐ Implement AI-powered search with Algolia for lightning-fast results ๐๏ธ Create accessible, visually stunning designs using shad/cn ๐จAdd captivating animations with FramerMotion for enhanced user experience ๐Streamline image management with Uploadthing for seamless storage and retrieval ๐พ Develop a fully managed backend with PostgreSQL and Drizzle for products, users, and reviews ๐Master form creation with React Hook Form for intuitive user input Efficiently manage client and server state using Zustand and React Query ๐Utilize serverless functions and PostgreSQL with Drizzle for fast queries and scalability ๐ธIntegrate Stripe for secure and reliable payment processing ๐ Deploy your application with confidence, learning domain setup and production best practices By the end of this course, you'll have the skills and knowledge to create feature-rich, full-stack e-commerce applications that stand out in today's competitive market. ๐ด Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming #react
2024. 5. 18.
Built with the latest Next.js, TypeScript & Solidity, IdentiFi is a decentralized application that helps people create their DID on the blockchain. The current digital identity landscape is often fragmented and insecure, making it challenging for users to manage and verify their identities across different platforms. IdentiFi was inspired by the potential of blockchain technology to create a unified, secure, and verifiable digital identity solution that empowers users to manage their identities seamlessly. โญ Shadcn: https://ui.shadcn.com/ โญ Neon: https://console.neon.tech/ โญ TailwindCSS: https://tailwindcss.com/ โญ Pinata cloud: https://www.pinata.cloud/ โญ Solidity: https://soliditylang.org/ โญ Chainlist: https://chainlist.org/?search=btt&testnets=true โญ BTTC Testnet: https://testfaucet.bt.io/ โญ Metamask: https://metamask.io/ โญ Hardhat: https://hardhat.org/hardhat-runner/docs/getting-started#quick-start ๐ Materials/References: GitHub Repo (give it a star โญ): https://github.com/mendsalbert/identiFi README (assets & code): https://github.com/mendsalbert/identiFi Starter Code: https://github.com/mendsalbert/identiFi-starter-file โค๏ธ BuyMeACoffe : https://www.buymeacoffee.com/mendalbert ๐ Social Media: https://twitter.com/mendsalbert https://www.instagram.com/mendsalbert_ https://linkedin.com/in/mends-albert https://t.me/albertmends Subscribe or I turn your vs code into light mode โโโฆโโโฆโโโโฆโโฆโฆโฆโฆโโโโ โโโฃโโโโโฃโโฃโโฃโโฃโโโฃโโฃ โ โโโโโโโ โโโโฃโโโโโโโฃ โโโฉโโโฉโโฉโโฉโโฉโโโฉโโฉโโ Timestampsย 00:00:00 - Intro 00:00:42 - Demo 00:03:13 - Cloning Starter Files 00:04:25 - Installing npm packages 00:05:00 - Exploring Starter Files 00:06:29 - Creating Layout page 00:07:05 - Privy Authentication Setup 00:12:48 - Privy API Key 00:13:06 - Setting up chain for privy 00:14:32 - Chainlist: Selecting chain 00:16:04 - Installing MetaMask wallet 00:16:47 - Adding chain to MetaMask Wallet 00:17:58 - Setting up chain in Privy and completing Layout page 00:22:53 - Changing login priority in Privy Dashboard 00:23:51 - Landing page (Part 1) 00:25:16 - Fixing bugs (landing page + Layout page) and testing it out 00:26:05 - Installing hardhat 00:26:56 - Initialising hardhat (bug + fixes ) 00:29:50 - Setting up hardhat.config.js file 00:36:45 - Writing smart contract (Structs) 00:47:32 - Writing smart contract (Mapping Variables) 00:50:03 - Writing smart contract (Modifier) 00:52:56 - Writing smart contract (Create & Edit UserInfo Function) 00:58:52 - Writing smart contract (getUserByUsername function) 01:03:09 - Completing Smart contract 01:07:15 - Test for smart contract 01:08:11 - Deployment Script 01:10:28 - Getting BTTC testnet tokens 01:11:53 - Deploying Smart contract 01:14:37 - Utils and lib directory (Writing queries to interact with the smart contract functions in the frontend) 01:36:15 - Landing page (Navbar) 02:12:48 - Landing page (Hero Section) 02:28:48 - Landing page (Section) 02:42:33 - Onboard page 02:58:50 - Setting up Pinata for Storing image on IPFS 03:01:42 - Submitting user identity to the chain function 03:03:09 - User Profile Display Component 03:13:17 - Form Field and Social media Input 03:15:40 - Finishing up & testing the onboard page 03:25:36 - Dashboard Page 03:37:45 - Verify Identity Page 03:44:50 - Deploying to Netlify ๐ผ Business Inquiries: mendsalbert@gmail.com ๐จ๐ฝโ๐ป Tools and Tech Stack React JS, NextJs, TailwindCSS, Typescript, solidity , Hardhat, ethers, EVM, Tabler Icons, Javascript, chadcn
2024. 7. 21.
TypeScript๋ก ์ฆ๊ฒ๊ฒ ๋ฐฐ์ธ ์ ์๋ Three.js ๊ฐ์ข์ ๋๋ค. ์ด ๊ฐ์ข์์ ์ค๋ช ํ๋ ๋ด์ฉ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. 1. Object3D ํด๋์ค 2. Position, Rotation, Scale์ด์ฉํ ๋ณํ 3. three.js์ ์ขํ์ถ๊ณผ ํ์ ๋ฐฉํฅ 4. ํ๋ ฌ(Matrix4)์ ์ ์ฉํ ๋ณํ 5. SceneGraph ์๊ฐ ๋ฐ ์ดํด 6. SceneGraph๋ฅผ ์ด์ฉํ ์ฅ๋ฉด ๊ตฌ์ฑ 7. Vector3, Euler ์ค๋ช 8. Rotation์ ์ด์ฉํ ๋ณํ ์ฝ๋๋ฅผ Quaternion ์ฝ๋๋ก ๋ฐ๊พธ๊ธฐ ๊ถ๊ธํ ๋ด์ฉ์ด ์์ผ์๋ฉด ๋๊ธ๋ก ๋จ๊ฒจ์ฃผ์ธ์~
2024. 3. 13.
ํ๋ก์ ํธ๋ ์ฌ๋ฐ์์ง๋ง ์น๊ตฌ๋ฅผ ์์์ต๋๋ค... ๐ป์์ค์ฝ๋: https://github.com/kairess/kakaotalk-bot Chapters: 00:00 ๋ฐ๋ชจ 00:39 Intro 02:12 ํด๋ก๋ฐ OCR 02:42 ์ฝ๋ ์ค๋ช 10:36 Outro ๐ฎ์ฌ์ ๋ฐ ๊ฐ๋ฐ๋ฌธ์ kairess87@gmail.com ๐๋นตํ์ ๊ฐ๋ฐ๋์๊ตญ ํ์ ์นด์นด์คํ์ด : https://qr.kakaopay.com/Ej86nqvdu ํฌ๋ค์ด์ : https://toon.at/donate/helloworld ๋งํฌ ๋ชจ์ : https://lnk.bio/kairess #๋นตํ #์นด์นด์ค #์นด์นด์คํก #chatgpt #์ฑgpt #ai
2024. 10. 9.