잠시만 기다려 주세요.
큰돌의터전
2024. 8. 24.
▶CS지식의 정석 https://inf.run/17Fb ▶C++ 10주완성 코딩테스트 https://inf.run/xZhA
Learn how to build a community platform with a focus on user onboarding using NextJs, Prisma, Neon, Clerk, and Upstash workflows. 👉🏼 The ultimate NextJs course → https://www.hamedbahram.io/courses 👉🏼 Project source code → https://www.hamedbahram.io/notes/customer-onboarding 👉🏼 Clerk auth → https://go.clerk.com/D8l9fJ3 👉🏼 Neon database → https://fyi.neon.tech/3hb 👉🏼 Upstash workflows → https://upstash.com Chapters: 00:00:00 Intro 00:01:20 Project setup 00:04:25 Adding Prisma & Neon 00:28:30 Fetching data 00:37:20 Dynamic slug page 00:41:40 Adding Clerk authentication 00:56:30 Clerk webhooks 01:08:00 Add onboarding flow 01:37:50 Adding Upstash workflow 02:02:28 Recap
2024. 9. 19.
In today's tutorial, I'll be walking you through the essential skill of securely storing your users' OpenAI keys. This comprehensive guide is tailored for developers at all levels who want to ensure the highest security standards in their applications. We'll start by examining 3 common but insecure methods of key storage, discussing the vulnerabilities each method presents. Then, we dive into the best practices for secure storage, followed by a hands-on coding session where we implement the most secure solution. 🔐 Secure Your OpenAI Keys - Source Code: https://brandonhancock.io/secure-client-api-keys 📆 Want to chat about security, freelancing, or tech consulting? Book a call with me: https://calendly.com/bhancock-ai/software-support-or-freelancing-strategy-call Stay updated with my latest projects and insights: LinkedIn: https://www.linkedin.com/in/brandon-hancock-ai/ Twitter: https://twitter.com/bhancock_ai Helpful Links From This Video: - https://clerk.com/ - https://www.cockroachlabs.com/ - https://www.npmjs.com/package/node-forge Timestamps: 00:00 Introduction 00:34 3 Common Vulnerabilities With Storing User Keys 00:57 Vulnerable Scenario 1: Database Only 01:55 Vulnerable Scenario 2: Front End Only 03:01 Vulnerable Scenario 3: FE + BE 04:37 Step-by-Step Solution 07:10 Free Source Code 07:40 Application Overview 08:58 Step 1: Accept User OpenAI Secret Keys 10:24 Step 2: Randomly Generate Encryption Keys 13:42 Step 3: Encrypt OpenAI Key 18:06 Step 4 & 5: Save & Encrypted Keys to Client and Database 24:21 Step 6: Decrypt Encrypted OpenAI Key 29:22 Final Application Demo 31:00 Outro
2024. 2. 1.
React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o Debugging React apps can be a difficult process if you don’t have the right tools. That is why in this video I will show you what tools you need to debug React apps like a professional and also how to properly use those tools like a senior developer. 📚 Materials/References: React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o Next.js Debugging Docs: https://nextjs.org/docs/pages/building-your-application/configuring/debugging#debugging-with-vs-code Debugging Crash Course Video: https://youtu.be/l8pe_MSX4Lc Error Boundary Video: https://youtu.be/_FuDMEgIy7I 🌎 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 00:57 - Install Dev Tools 01:47 - StrictMode Logging Tip 02:24 - Debugger Tips/Setup 04:43 - Next.js Debugger Setup 07:02 - Components Tab Features 13:45 - Components Tab Settings 15:05 - Profiler Tab Features 18:06 - Profiler Tab Settings #ReactJS #WDS #ReactDevTools
2024. 7. 20.
** 원본 풀영상 ** https://youtube.com/live/MEXBu83RzLA?feature=share 게스트 : 박준성 회장 / 한국SW기술진흥협회 - 테크 전문채널 토크아이티 : https://talkit.tv/main - 웨비나 & 콘텐츠 제작 문의: talkit@talkit.tv / 02-565-0012 IT전문방송 토크아이티에서는 매일 테크분야 전문가의 생방송 웨비나가 진행됩니다. 누구든지 무료로 참여하실 수 있으며, 남겨주신 질의에 대한 전문가의 실시간 응답을 경험하실 수 있습니다. 2006년부터 2,000회이상 진행된 다양한 웨비나를 통해 국내외 최신 IT 기술을 확인하세요.
2024. 10. 15.
In today’s tutorial, we are going to learn how to use react-hook-form with our forms, do validation with Zod, display errors and go over some example of integrating it with ui libraries with Controller. 📃Integrate Contact Form in your App with DevForm(still in beta): https://devform.vercel.app/ ✉️Sign up for my newsletter: http://eepurl.com/h4X959 🐝Start your newsletter with Beehiiv: https://www.beehiiv.com/?via=judy/ 🛤️Host your DB on Railway: https://railway.app/?referralCode=rHmMH3 👾Join my Discord: https://discord.gg/VGTVNvwReW ✍️Full-Stack Roadmap: https://webdecoded.gumroad.com/l/full-stack 🐥Follow me on X: https://twitter.com/webdecoded_g 🔥Firebase: CRUD - https://www.youtube.com/watch?v=fz3w2m4F_K8 Authentication - https://www.youtube.com/watch?v=Vv_Oi7zPPTw ⚛️More on React: Build a Portfolio Website - https://youtu.be/hYv6BM2fWd8 MERN Stack Project: Food Ordering App - https://youtu.be/x4dIga_3S4I ☕Support the channel: buymeacoff.ee/webdecoded5 I am affiliated, but not sponsored. This means I might make money when you purchase paid services through the links provided and I might be able to offer discounts when available.
2024. 3. 4.
올해로 8회째를 맞은 SEF(SOFTWARE EDU FEST) SEF에서는 소프트웨어 교육에 관심있는 누구나 부담 없이 참여하여 소프트웨어와 AI, 데이터 사이언스 등 교육에 대한 다양한 고민과 경험을 나눌 수 있습니다! 온라인 강연 혹은 오프라인 강연 중에 직접 선택하여 사전신청할 수 있다는 사실💚 📢SEF2024 온라인 강연 사전신청📢 일정: 2024년 9월 7일 (토) 오전 10시 신청기간: ~2024년 9월 6일 (목) 오후 11시 59분까지 신청 방법: 인스타그램 프로필 링크 하단 🔽 온라인 강연 사전신청 🔽 (네이버 예약) ✉SEF2024 오프라인 현장 강연 참가신청✉ 1. 인스타그램 고정 링크에서 오프라인 현장 강연 참가신청 페이지로 이동하기 2. 참가신청 네이버 폼을 제출하면 완료! (오프라인 현장 강연 참가신청을 해 주신 분들 중 추첨을 통해 현장 강연 초대장을 드립니다!)
2024. 8. 21.