μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Fireship
2024. 7. 31.
Get all the latest tech news at https://daily.dev/fireship Let's take a look at 15 big events that happened in Tech in July 2024, like Google's Alpha Proof math AI, the CrowdStrike Windows disaster, Node.js TypeScript support, new Python web frameworks, and more. #tech #programming #thecodereport π¬ Chat with Me on Discord https://discord.gg/fireship π Resources Fireship Stripe Course https://fireship.io/courses/stripe-saas/ June 2024 Recap https://youtu.be/FhqNN1LykWU CrowdStrike disaster https://youtu.be/H9RSeDUdkCA π₯ Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access π¨ My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font π Topics Covered Tuaw Zombie Website Node TS Support FastHTML Framework Zed Linux Intel Chips Fixed Kinda Stripe Buys Lemon Squeezy StackOverflow Unhappiness Google Alpha Proof Google Alpha Rats SearchGPT Mistral Large OpenAI Bankruptcy Reddit Pay-to-Scrape The COPIED Act Crowdstrike Redemption Arc
Become a TypeScript Wizard with my free beginners TypeScript Course: https://www.totaltypescript.com/tutorials/beginners-typescript Follow Matt on Twitter https://twitter.com/mattpocockuk Join the Discord: https://mattpocock.com/discord
2024. 10. 21.
μΈκ³ μ΅λ λ²€μ² ν¬μμ μ€ ν κ³³μΈ μλ°λ₯΄μΌνΈλ‘μμΈ μ μ€λ¦¬μ½λ°Έλ¦¬ μλνλ‘λ μ€νΌμ€μμ A16Zμ λν ννΈλ μ€ ν λͺ μΈ ν¬λ¦¬μ€ λμ¨μ μΈν°λ·°νμ΅λλ€. μ°μ μ°½μ μμ΄μ μ±κ³΅μ μΈ ν¬μμλ‘ μ»€λ¦¬μ΄λ₯Ό ν€μμ¨ ν¬λ¦¬μ€ λμ¨μ 2018λ A16Z ν¬λ¦½ν λ₯Ό μ°½μ ν΄ νλ°ν λΈλ‘μ²΄μΈ μ€ννΈμ μ ν¬μνκ³ μμ΅λλ€. μ΅κ·Όμλ μΉμμ€ νλ«νΌ λλμ¬λ₯Ό μΉ΄μΉ΄μ€μ 5,000μ΅μ 맀κ°ν μ΄μΉμ€ λνκ° μλ‘ μ°½μ ν νμ¬ 'μ€ν 리'μ 3λ² μ°μμΌλ‘ ν¬μλ₯Ό 리λνλ©΄μ(λμ 1900μ΅ ν¬μμ μΉ, κΈ°μ κ°μΉ μ½ 3μ‘°) νκ΅μμλ νμ κ° λμ΅λλ€. 25λ κ° μΈν°λ· μ κ³μμ μΌνλ©΄μ FTX, ν λΌλ£¨λ μ¬ν λ±μΌλ‘ λΈλ‘μ²΄μΈ μ κ³μ λν μκ°μ΄ μ μ’μ λ 'μ½κ³ μ°κ³ μμ νλ€'λΌλ λΈλ‘μ²΄μΈ λΉμ¦λμ€ κ΄λ ¨ μ± μ μΆκ°νκΈ°λ νλλ°μ, ν¬λΈμ€ μ μ 1μ λ§μ΄λ€μ€ ν¬μμλ‘ μ μ λ κ·Έκ° λΈλ‘체μΈμ λν΄ μ΄λ€ μκ°μΌλ‘ λ°λΌλ³΄κ³ μλμ§ μμμ ν΅ν΄ λ§λ보μμ£ . 00:49 λΈλ‘체μΈμ΄ μ¬μ ν λ―ΈλμΈ μ΄μ 05:42 μ½κΈ°μ μ°κΈ°, μμ λ‘ μ΄ν΄λ³΄λ μΈν°λ· μμ¬ 10:48 건κ°ν μΈν°λ· μνκ³λ₯Ό μν μ μΈ π EO κΈλ‘λ² μ±λ ꡬλ νκΈ° ππ»ππ» https://bit.ly/3S0Pacc π½ eo PLANET λ΄μ€λ ν° κ΅¬λ νκΈ° ππ»ππ» https://bit.ly/3cIKLuL
2024. 8. 31.
Build and deploy a full-stack e-commerce website with Next.js 15 and Wix Studio Headless. Great for (aspiring) freelancers or for your own portfolio. Features and technologies: -Next.js 15 -React Query for caching, optimistic updates, and infinite loading lists -Search & filter URL state management with useOptimistic -User accounts and anonymous shopping carts -Product options, variants, and inventory management -Checkout from cart or single product -User reviews with image & video uploads -Email automations (Back in stock notifications, review reminders, etc.) -Payment & shipping provider integration -Real-time form validation with React Hook Form & Zod -Mobile-responsive layout with Tailwind CSS & Shadcn UI components -Pagination -Dark theme, light theme, and system theme -Advanced Next.js layout patterns -Code best practices & architecture -IDE setup with Prettier & plugins -Deployment on Vercel Starting code: https://github.com/codinginflow/nextjs-15-wix-store/tree/0-Starting-Point Create a free Wix account: Wix Headless setup link: https://www.wix.com/intro/headless Project files: Shadcn custom theme (globals.css): https://github.com/codinginflow/nextjs-15-wix-store/blob/0-Starting-Point/src/app/globals.css Assets/images: https://github.com/codinginflow/nextjs-15-wix-store/blob/0-Starting-Point/public/placeholder.png https://github.com/codinginflow/nextjs-15-wix-store/blob/0-Starting-Point/src/assets/logo.png https://github.com/codinginflow/nextjs-15-wix-store/blob/0-Starting-Point/src/assets/banner.jpg https://github.com/codinginflow/nextjs-15-wix-store/blob/0-Starting-Point/src/app/favicon.ico https://github.com/codinginflow/nextjs-15-wix-store/blob/0-Starting-Point/src/app/opengraph-image.png Footer: https://github.com/codinginflow/nextjs-15-wix-store/blob/final/src/app/Footer.tsx Terms page: https://github.com/codinginflow/nextjs-15-wix-store/blob/final/src/app/terms/page.tsx Full source code: https://github.com/codinginflow/nextjs-15-wix-store Part 2: https://www.youtube.com/watch?v=cTcCXfDm_7k β 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 Timestamps: 0:00 - Project overview 25:54 - Project & IDE setup (create-next-app, Shadcn UI, Prettier Tailwind plugin, VS Code extensions) 54:10 - Wix Studio setup & store configuration 1:00:37 - Creating products & categories 1:12:16 - Setting up Wix OAuth, T3 Env & Wix client 1:22:19 - Fetching products server-side (Suspense boundary) 1:58:35 - Product & WixImage components (advanced TypeScript type) 2:30:50 - Navbar (fetch shopping cart) + footer 2:41:24 - Wix API layer 2:52:35 - Product details page (generateMetadata, client component, React cache, loading.tsx, staleTimes) 4:38:36 - Add products to cart 4:48:21 - Session middleware (access & refresh tokens), Wix server/browser clients (js-cookie) 5:13:23 - Shopping cart button (React Query, useQuery, initialData, useMutation, cache mutation) 5:42:20 - Shopping cart sheet (optimistic updates with React Query) 6:34:34 - Back-in-stock notifications (React Hook Form validation, email automation) 7:01:39 - Member login (OAuth callback)
2024. 10. 10.
#κ°λ°μ #νλ‘ νΈμλ #μ§μ μ§λ μμ Part 1μ μ΄μ΄μ Part 2 μμμ΄μμ!! JS μ΄λ²€νΈ 루ν, λΈλΌμ°μ λμκ³Όμ , λΌμ΄νμ¬μ΄ν΄, MPA / SPA μ λν λ΄μ©μ λ€λ£¨κ³ μμΌλ λ§μ κ΄μ¬ λΆνλλ €μ!! μμ 보μλ€κ° μ§λ¬Έμ΄ μμΌμλ©΄ μΈμ λ λκΈλ‘ λ¨κ²¨μ£Όμλ©΄ λ΅λ³λ릴κ²μ!! π
2024. 1. 19.
Learn to code π₯ https://www.smoljames.com/roadmap Land a job βοΈ https://www.hyr.sh
2024. 7. 3.
#react #typescript #frontend βΆ μ΄λΌμ΄λ νλΈ μ€νλμ€ κ³΅μ λμ€μ½λ : https://discord.gg/NFWrDjWya5 π GitHub Repositories βΆ Spring Boot : https://github.com/Flature/AroundHub_SpringBoot βΆ Java, Algorithm : https://github.com/Around-Hub-Studio/AroundHub_CodeGround βΆ JPA : https://github.com/Around-Hub-Studio/around_hub_studio_jpa βΆ Dart : https://github.com/Around-Hub-Studio/around_hub_dart βΆ Flutter : https://github.com/Around-Hub-Studio/around_hub_studio_flutter βΆ Kotlin : https://github.com/Around-Hub-Studio/around-hub-codeground-kotlin βΆ Kotlin Spring : https://github.com/Around-Hub-Studio/around-hub-spring-kotlin βΆ Docker : https://github.com/Around-Hub-Studio/around-hub-docker βΆ React (Typescript) : https://github.com/Around-Hub-Studio/around-hub-react-typescript π 'μ€νλ§ λΆνΈ ν΅μ¬ κ°μ΄λ' λμ ꡬ맀 π yes24 : http://www.yes24.com/Product/Goods/110142898 π κ΅λ³΄λ¬Έκ³ : http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9791158393083&orderClick=LAG&Kc= π μ±λμ μμμ΄ λ§μμ λμ λ€λ©΄ κΈ°λΆ κ°λ μΌλ‘ μ½ 3,000μλΆν° λ©€λ²μ κ°μ μ΄ κ°λ₯ν©λλ€. π https://www.youtube.com/channel/UCO7p2fGIfwVbvk_d6sdfnDw/join
2024. 7. 3.