잠시만 기다려 주세요.
모두의AI
2023. 12. 16.
분당 60회까지 무료인 Gemini Pro API를 통해 RAG 시스템을 구축해봅니다. 실습코드: https://colab.research.google.com/drive/1WKlnPYVGwh0sZ2TSRNRuyqvwCyi8_By3?usp=sharing
Join this channel to get access to perks: https://www.youtube.com/@aicodeking/join In this video, I'll be telling you about AgentExe & Open Interpreter (OS Mode) which allows you to use the New Claude Computer Use API to be used on your own computer without any setup and easily! ---- Resources: AgentExe Github Repo : https://github.com/corbt/agent.exe Open Interpreter OS Mode : https://github.com/OpenInterpreter/open-interpreter ---- Key Takeaways: 🎥 Explore the new Claude Computer Use API – Learn how to use this groundbreaking tool through a sandbox environment, perfect for automating tasks on your computer with ease. 💻 Project Exe brings Anthropic's interface to your terminal – Discover how Project Exe replicates the Anthropic demo, allowing you to leverage the Computer Use API on any OS, including Windows, macOS, and Linux. 🛠️ Set up Open Interpreter with ease – Dive into step-by-step instructions on installing Open Interpreter with pip, giving you access to the latest OS mode for seamless automation using the Claude API. 🌐 Automate tasks with Claude's API – See how you can automate repetitive tasks, like searching Google or downloading images, saving you time and effort on mundane jobs. 🔥 Firefox optimization for better results – For optimal performance with Claude AI, learn why installing Firefox is a key recommendation from developers for smoother functionality. 🧠 Boost productivity with Computer Use API – From data entry to complex tasks, see how this tool can act as a personal assistant, transforming your workflow with cutting-edge AI-driven automation. 📈 Maximize your API usage without overspending – Discover tips for minimizing token costs while automating tasks, including how to reuse steps for greater efficiency in your workflows. ----- Timestamps: 00:00 - Introduction 00:07 - About Claude Computer Use API 01:09 - AgentExe 01:43 - OpenInterpreter OS Mode 02:36 - Installing & Using AgentExe 05:43 - Installing & Using Open Interpreter OS Mode 09:35 - Ending
2024. 10. 25.
Want to join the free Skool community : https://www.skool.com/flutter-squad-9325/about Start learning with the Weather App : https://www.youtube.com/watch?v=MMq4wkeHkPc&t=2478s Don't forget to Subscribe ! Peace 🙏
2024. 2. 13.
React and Express are the most popular web framework stack. Many developers create their React and Express projects separately. This means that you have to host 2 different projects: a server, and the static react site. But ExpressJS is a server that can serve static files. So with a little bit of setup, we can serve your React app from your Express app from 1 project. The github repository: https://github.com/jgbijlsma/react-express-in-one-project 00:00 Intro 04:13 React app setup 10:47 Express app setup 17:27 Problem: React fetch from API 24:30 Solution: serve static react app from Express 29:17 Rendering the data 31:33 The other problem: development environment 34:52 Solution: proxy
2022. 10. 14.
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Optimize Your Code! In this tutorial, I show how I optimized drag and drop items in a React app that uses react-hook-form and dndkit. While I don't show every possible React optimization, I hope what I do show helps you. 💖 Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 🔗 My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Optimize Your Code! 🔥 How I Optimized Drag n Drop Form Inputs (00:00) Intro (00:31) Drag n Drop Re-renders (01:52) Optimize Select Inputs (06:50) Memoization Inside react-hook-form's render callback (10:31) Wrap-up 📚 Tutorial References: 🔗 useMemo tutorial: https://youtu.be/oR8gUi1LfWY 🔗 React.memo tutorial: https://youtu.be/BlUwu_6rSkw 🔗 Drag n Drop dndkit tutorial: https://youtu.be/a6lYZWN4lVA Was this tutorial about optimizing drag n drop form inputs in React helpful? If so, please share. Let me know your thoughts in the comments. #optimize #code #react
2024. 9. 20.
#vscode #programming #development VSCode custom labels feature is finally here! This will end messy workspaces with redundant filenames; if you are a next.js developer or familiar with it, you would know the pain of dealing with hundreds of pages.jsx files. 🎉Our Newsletter is live! Join thousands of other developers https://islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: https://twitter.com/ipenywis VSCode feature docs https://code.visualstudio.com/updates/v1_88#_custom-labels-for-open-editors -- Special Links ✨ Join Figma for Free and start designing now! https://psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨ https://psxid.figma.com/ucwkx28d18fo-cb44ct -- Watch More Videos 🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize https://youtu.be/VWEJ-GhjU4U 🧭 Turn Design into React Code | From prototype to Full website in no time https://youtu.be/0xhu_vgKZ8k 🧭 Watch Tutorial on Designing the website on Figma https://youtu.be/SB3rt-cQZas 🧭 Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI 🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools https://youtu.be/_rnxOD9NKAs 🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React https://youtu.be/M_Oes39FNuk 🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app https://youtu.be/_rnxOD9NKAs 🧭 Introduction to GraphQL with Apollo and React https://youtu.be/eCO6MvvRhXk 🐦 Follow me on Twitter: https://twitter.com/ipenywis 💻 Github Profile: https://github.com/ipenywis Made with 💗 by Coderone
2024. 5. 26.
⭐️ podcast github: https://github.com/GwonsooLee/Podcast ⭐️ 목차 00:00:00 - 인트로 00:00:27 - 망분리란 00:04:07 - 망분리 정리 00:05:40 - 망분리 관련 3가지 법 00:05:59 - 공공기관 관련 망분리 법 00:07:56 - 금융권 관련 망분리 법 00:10:52 - 개인정보보호법 관련 망분리 법 개정 00:11:52 - 정보통신망법과 개인정보보호법이 어떤게 다른지 00:13:27 - 정보통신망법은 특별법, 개인정보보호법은 일반법 00:15:20 - 금융권 망분리를 따르면서 개인정보보호법 망분리를 같이 지켜야할까? 00:16:58 - 개인정보보호법 망분리를 지켜야 하는 대상 00:23:04 - 국내와 해외 망분리 법 비교 00:24:18 - 해외에서 개인정보 유출을 당했을때 처벌하는 근거 00:30:28 - 국내와 해외 망분리 기술 비교 00:34:18 - 망분리 개념은 오래되지 않았다. 00:38:28 - 망분리 완화 내용 00:42:33 - 규제샌드박스의 걱정되는 부분 00:45:46 - 규제완화에 대한 기대 00:50:17 - 완회되는 망분리를 대하는 자세 00:51:35 - 개인정보처리시스템에서 망분리 하는 기준 00:52:25 - 법에서 규정하는 접근제어 정의 00:54:09 - 개인정보처리시스템 접근기록 보관주기 00:55:56 - 접근통제 완화 00:58:03 - 페이 서비스를 별도 회사로 분리하는 이유 01:00:46 - 공공기관 망분리 완화 01:02:31 - 망분리 개선을 위해 법 등을 수정하는 과정 01:06:18 - 보안법을 공부해야 하는 이유 01:07:31 - 개인정보처리시스템의 망분리 기준 3가지 01:07:51 - 개인정보처리시스템 기준이 아니더라도 망분리하는 이유 01:11:44 - 접근제어를 할 때 ip로 안막아도 되는지? 01:13:25 - 접근통제를 ip로 하면 안좋은 점 01:14:02 - 제로트러스트의 좋은점 01:16:17 - 보안 엔지니어의 어려움 01:17:48 - 디바이스 인증이란? 01:19:22 - 디바이스 트러스트 vs 아이텐티티 트러스트 01:21:53 - 제로트러스트를 도입하기 위한 노력 이야기 01:24:14 - 제로트러스트가 우리나라에 많이 도입 될까? 01:25:49 - AWS verify access 제약사항 01:30:29 - 개발자가 알았으면 하는 망분리 - 망분리 대상 판단 01:36:47 - 개발자가 알았으면 하는 망분리 - 로그관리지침을 규정 01:45:55 - 마치면서 정리
2024. 10. 13.