데브허브 | DEVHUB | Meet the First Certified Nuxt Developer: Neil's Success Story

Frontend Nation 2024: Cai Cruz - Beyond console.log: Supercharge Your Debugging Skills!

Are you ready to enhance your debugging skills? In this engaging talk, Cai Cruz challenges you to move beyond the traditional console.log approach and embrace the power of Visual Studio Code's built-in debugger. Discover how this tool can transform your debugging process and save you valuable time and effort. Cai will explore the limitations of console.log and demonstrate how the debugger in Visual Studio Code serves as your key to faster and more efficient debugging. Through practical, hands-on examples using Vue.js, you'll learn how to effectively use breakpoints, step-through debugging, variable watching, and more. Whether you're a beginner or looking to refine your debugging techniques, this talk will equip you with the knowledge to debug your JavaScript apps proficiently. Say goodbye to the clutter of console logs and hello to a cleaner, more effective way of understanding and fixing your code. Join Cai and enhance your debugging skills today! #Debugging #VisualStudioCode #JavaScriptDebugging #Vue.js #DevelopmentWorkflow #FrontendDevelopment #FrontendNation --- The world of frontend development is brimming with exciting possibilities 🙌 Don't miss out on the chance to learn from the best courtesy of Frontend Nation: 💻 Read our blog: https://frontendnation.com/blog ▶️ Watch the rest of the videos (talks, Q&As, mighty bites and more): https://www.youtube.com/playlist?list=PLxddmVXxb3HuuKuxT-RdgBRxDNPRpem95 🎟️ Sign up for Frontend Nation 2025 so you can stay up to date with what we have planned. --- 💜 Special thanks to all our event sponsors for 2024: Diamond Sponsors Sentry: https://sentry.io/ TinyMCE: https://www.tiny.cloud/ Convex: https://www.convex.dev/ Vue School: https://vueschool.io/ Certificates.dev: https://certificates.dev/ Platinum Sponsors Cypress: https://www.cypress.io/ JSWorld Conference: https://jsworldconference.com/ StackBlitz: https://stackblitz.com/ Vue.js Certifcation: https://certificates.dev/vuejs/ Angular Certification: https://certificates.dev/angular Gold Sponsors Smashing Magazine: https://www.smashingmagazine.com/ WeAreDevelopers: https://www.wearedevelopers.com/ Techtonica: https://techtonica.org/ OfferZen: https://www.offerzen.com/ vFairs: https://www.vfairs.com/ Mastering Nuxt: https://masteringnuxt.com/ Mastering Pinia: https://masteringpinia.com/

2024. 7. 3.

빡친 퀄컴, 대놓고 인텔 비난한 이유... 스마트폰, 노트북 모두 최강된 퀄컴 | Oryon 기반 스마트폰 칩셋 Snapdragon 8 Elite 출시

하와이에서 열린 퀄컴의 Snapdragon Summit 2024에서, 기존 Snapdragon 8 Gen4 로 불렸던 칩셋을 ‘스냅드래곤 8 Elite’라고 개칭하여 2세대 커스텀 CPU인 Oryon을 탑재했습니다. 성능 면에서 아이폰 16 Pro의 A18 Pro 칩을 능가한다고 예측되고 있는데요. 특히, 다중 코어와 GPU 테스트에서 스냅드래곤 8 Elite이 우위를 점하고 있는 상황입니다. 또한 얼마전 CPU 단일 코어 최고라고 주장했던 인텔의 주장에 정면 반박하며 루나레이크와 비교했을 때, 퀄컴은 성능과 효율성 면에서 상당한 성과를 내고 있다고 새로운 평가 지표를 제시하기도 했는데요. 특히 전원 코드르 꽂지 않고 배터리만으로 테스트 했을 때는 압도적 퍼포먼스를 냅니다. 스냅드래곤 X Elite는 특히 노트북 시장에서 인텔을 압도할 것으로 예상되지만 여전히 Windows on ARM의 호환성 문제는 해결해 나가야 하는 상황입니다. 이로 인해 스마트폰에서는 갤럭시S25 Ultra의 성능이 개선되며, 호환성만 해결하면 노트북, 스마트폰 모두를 잡아먹을 수 있는 퀄컴의 현 상황 정리하였습니다. #퀄컴 #삼성 #스냅드래곤 Written by Error Edited by 이진이 unrealtech2021@gmail.com

2024. 10. 23.

프로그래밍 잘 하는 법 | 동기부여 | 멘탈관리 | 그릿 GRIT

#프로그래밍 #코딩 #그릿 00:00 인트로 00:27 영상 만든 이유 00:40 동기부여 영상 시작 (그릿GRIT) 02:43 수강생분들에게 전하고자 하는 말 【짐코딩 구독자 할인 🎉】 👉 구독자 할인쿠폰(전체강의) : GYMCODING_SUBSCRIBER 👉 짐코딩 클럽 : https://gymcoding.co/ 👉 인프런 강의 : https://www.inflearn.com/users/@gymcoding 👉 수강후기 : https://www.inflearn.com/users/432199/reviews 【짐코딩 문의하기 (교육/협업/제휴 등)😊】 👉 bruce.lean17@gmail.com 【짐코딩 인스타그램 🥰】 👉 코딩스타그램 https://www.instagram.com/gymcoding/ 👉 GYM스타그램 https://www.instagram.com/helinlee.gram/ --- outro bgm --- Song: MBB - Feel Good (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: https://www.youtube.com/watch?v=wIDKJeLXO5Q&t=0s ---------------------------------------- 📢BGM ✔️Track - Anwar Amr - Epicness ✔️theartistunion - https://theartistunion.com/tracks/af8a3c ✔️나눔뮤직 - https://tv.naver.com/v/10425657 ---------------------------------------- === BGN === Song : HEAVYgiant - Diamond Dust Follow Artist : https://bit.ly/3DCkO7u Music promoted by DayDreamSound : https://bit.ly/3YKnfzv

2024. 3. 6.

The Shortest Way To Center A Div #webdev #webdevelopment #webdeveloper #css

The quickest way to center a div in CSS with the least lines of code 😊 ⭐ 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

2024. 8. 25.

Your first full-stack Next.js project (Server Components, Server Actions, Suspense, Kinde)

IMPORTANT: create the Kinde account here: 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 Final code: https://github.com/ByteGrad/nextjs-first-project-final 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 👉 Kinde: check out Kinde for auth and more https://bit.ly/3QOe1Bh ⏱️ Timestamps: 00:00 Intro 02:59 Setup 04:31 Fresh Next.js app lookaround 08:57 Routing 10:25 Global styling with Tailwind CSS 12:58 Basic page content & styling 15:26 Header & Footer 18:37 Image component in Next.js 22:09 Nav with routes 23:22 Link component in Next.js 24:06 Finish header 25:30 Finish footer 27:40 Container 30:21 Metadata 31:12 Active nav link styling 32:11 Server components vs Client components 36:14 Data fetching 40:39 Next.js architecture overview 42:08 Dynamic routes (post id) 46:14 Params (for data fetching) 47:49 Suspense & Streaming (loading.tsx) 50:58 Suspense component (more granular) 54:31 Upvote (Client component example) 58:49 Next.js client-side features (hooks, events, state) 01:00:45 Create post page 01:04:36 Server action 01:13:37 Authentication to protect route (Kinde) 01:21:08 Middleware auth (Kinde) 01:23:14 Logout button 01:25:59 Finish create post page 01:30:04 Database & ORM in Next.js architecture 01:30:50 Prisma & SQLite setup 01:37:47 Add data to database 01:38:38 Getting data from database 01:41:10 Not found page 01:42:44 Caching & Revalidating (revalidatePath) 01:48:56 Auth for server actions (Kinde) 01:51:30 Static & Dynamic rendering 01:54:36 Deploy to Vercel pt. 1 (Push to GitHub) 01:56:15 Deploy to Vercel pt. 2 01:58:32 Vercel Postgres database 02:03:49 Kinde Auth for production #webdevelopment #reactjs #nextjs

2024. 5. 22.

EP02 - Mvvm 안드로이드 인스타그램 앱 만들기 - Mvvm 세팅

오픈 톡방 (https://open.kakao.com/o/gGn2mAnc) 코딩에 관심있는 사람들이 토론하기 위해서 카카오톡 오픈 채팅오픈하였습니다. 원본소스 - https://github.com/you6878/mvvmhowlstagram.git

2023. 1. 28.

로딩 중...