데브허브 | DEVHUB | Full Stack NextJS 14 E-Commerce Course 2024 Edition DEEP DIVE

AI가 개발자를 대체한다😭?!

AI가 코딩까지 알아서 척척! 개발자 커리어 이대로 안전할까요? 이제 막 공부하기 시작한 학생인데.. 계속 공부하는게 맞을까요? 요즘 이런 질문을 많이 받고 있어요. 10년차 넘은 개발자의 관점에서 한번 얘기해 보겠습니다. (↙ 자세한 내용) ___________________________ 💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: http://academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ..................................................... 00:00 역사와 개발자 01:23 노코드와 웹개발 02:57 ChatGPT와 개발자 06:08 현시점의 ChatGPT에 대한 의견 10:12 결론 ..................................................... ☀️ 드림코딩 엘리 모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :) ❝Don't forget to code your dream 여러분들의 멋진 꿈을 코딩하세요 ⭐️ ..................................................... 🌐 프론트엔드 개발자 되기 입문자편 영상 목록: https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y 📒 자바스크립트 기초 강의 영상 목록: https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 💻 개발자라면 누구나 알고 있으면 좋은 지식 💡 https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv 💰 개발자 경력 관리 영상 목록: https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3 📈 IT 트렌드 https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r- 📷 개발자 브이로그 https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU 🤗 생산력 향상 팁 https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I ..................................................... #코딩#웹개발#개발자

2023. 4. 25.

Simple Table of Contents with Astro

Let’s join together to help cure childhood cancer! https://codinginpublic.dev/fundraiser/ You could win ~$5000 of prizes! Amazing tools from Warp, Wallaby, CloudCannon, Dracula, GitTower, and my Learn Astro course! --------------------------------------- 🔗 Key Links 🔗 https://codepen.io/Coding-in-Public/pen/qBzzrPr --------------------------------------- 🌐 Connect With Me 🌐 - Astro Course: https://learnastro.dev - 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/chrispennington

2024. 9. 17.

What is actually Tanstack Query?

What is actually Tanstack Query? How does it work? What are the benefits of using it? Next video to watch: https://www.youtube.com/watch?v=BfQZ-nTcCKc&ab_channel=OrcDev ⚔️ Join The Horde - Newsletter: https://www.orcdev.com/newsletter - Discord: https://discord.com/invite/uFB5YzH9YG - Github: https://github.com/TheOrcDev Some of the projects to check: Connector: https://github.com/TheOrcDev/orcish-openai-connector AI Framework: https://github.com/TheOrcDev/orcish-ai-nextjs-framework Orcish Admin: https://github.com/TheOrcDev/orcish-admin My first SaaS project, register and get 5 free tokens! https://www.textualgames.com/ #webdevelopment #orcdev #tanstack #react #nextjs #typescript

2024. 10. 17.

Multi-Tenant SaaS Architecture (Next.js Auth)

👉 Sign up for Kinde: https://bit.ly/3QOe1Bh (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Intro 00:08 What is a "tenant"? 00:20 What is "single-tenancy"? 01:23 What is "multi-tenancy"? 02:30 Platform example of multi-tenancy 04:20 Multi-tenancy cont. 05:47 Data isolation structure option #1 07:58 Data isolation structure option #2 08:50 Data isolation structure option #3 09:12 Multi-tenancy in example B2B SaaS 11:00 Add authentication + organizations 17:09 Data Access Layer (DAL) 18:33 Roles & Permissions #webdevelopment #reactjs #nextjs

2024. 8. 8.

Decrease Next.js Docker Image Size 15x

Decrease your Next.js Docker image size from nearly two gigabytes to 135 MB. Docker image size is important as we are regularly using push and pull commands. If the image size is small, we can push and pull faster which means a faster pipeline! If you need more details for step three, you can check the official Next.js documentation: https://nextjs.org/docs/app/api-reference/next-config-js/output If you prefer reading rather than listening, check my article: https://www.temiz.dev/articles/how-to-reduce-nextjs-docker-image-size If you like the video, please subscribe as many more videos will come in the future. 0:00 Intro 0:10 Initial Image 1:16 Step 1: Use a smaller base image 1:53 Step 2: Multi-stage builds 3:42 Step 3: Next.js output configuration

2024. 7. 6.

[React 공식문서 reference] #12. legacy APIs

2023. 5. 18.에 진행한 리액트 공식문서 스터디 18일차 마지막 영상입니다. 00:00 Intro - https://react-ko.dev/reference/react/legacy 00:26 Component - https://react-ko.dev/reference/react/Component 07:33 PureComponent - https://react-ko.dev/reference/react/PureComponent 07:55 isValidElement - https://react-ko.dev/reference/react/isValidElement 10:51 Children - https://react-ko.dev/reference/react/Children 12:55 cloneElement - https://react-ko.dev/reference/react/cloneElement 15:28 createFactory - https://react-ko.dev/reference/react/createFactory 18:18 createRef - https://react-ko.dev/reference/react/createRef 18:33 createElement - https://react-ko.dev/reference/react/createElement

2023. 8. 6.

로딩 중...