잠시만 기다려 주세요.
가장 쉬운 웹개발 with Boaz
2024. 6. 15.
안녕하세요. 오늘은 Nextjs 에서 클라이언트 컴포넌트를 렌더링하는 과정을 살펴보았습니다. 서버 컴포넌트 렌더링과 거의 유사하지만, 차이점이 있는 부분이 있어서요. 차이점을 예시 코드와 함께 살펴봤습니다. Nextjs 의 동작을 코드 레벨에서 살펴보고 싶은 분들을 위해, 도움이 되실 수 있도록 최대한 쉽게 설명하려 노력했어요. 그럼 오늘도 화이팅입니다~!
본 강의는 『이것이 취업을 위한 컴퓨터 과학이다 with CS 기술 면접』의 내용을 바탕으로 제작하였습니다. 👨🏫주요 강의 내용 CH 02 컴퓨터 구조 1. 컴퓨터 구조의 큰 그림 00:25 컴퓨터가 이해하는 정보 04:10 컴퓨터의 핵심 부품 04:45 CPU 08:41 메모리와 캐시 메모리 13:04 보조기억장치 14:57 입출력장치 17:06 메인보드와 버스 18:56 저장장치의 계층 구조 ----- ✅어떤 내용을 다루고 있나요? • 컴퓨터 구조 • 운영체제 • 자료구조 • 네트워크 • 데이터베이스 ⠀ ★특별 제공★ + CS 기술 면접 질문 100제(도서 수록) + CS Note: https://csnote.net ⠀ ⠀ ✅누구를 위한 책인가요? • 기술 면접을 앞둔 취업 준비생 • 부족한 CS 지식을 보완하고 싶은 컴퓨터 공학 전공자 • 실무에 필요한 CS 개념을 체계적으로 정리하고 싶은 개발자 🔗도서 자세히보기: https://bit.ly/3XaghGC 🔗저자님께 질문하기: https://github.com/kangtegong/cs/issues #개발자 #취업 #기술면접 #CS지식 #컴퓨터과학 #컴퓨터구조 #CPU #메모리 #캐시 메모리 #보조기억장치 #입출력장치 #메인보드 #버스 #저장장치
2024. 9. 19.
2024. 9. 22.
#javascript #ecmascript Read the new safe assignment operator proposal: https://github.com/arthurfiorette/proposal-safe-assignment-operator Try out the operator: https://github.com/ipenywis/safe-assignment-operator-demo 🎉Our Newsletter is live! Join thousands of other developers https://islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: https://twitter.com/ipenywis -- 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. 8. 18.
🙋♂️ 도움이 필요하시거나 궁금한 점을 질문하고 싶을 땐 ? ✔️ https://open.kakao.com/o/gegroCTe ✔️ 취준생 & 현업 개발자 오픈채팅방 📙 프로그래밍 과외, 온라인 강의, 컨설팅 📙 ✔️ https://linktr.ee/jscode
2024. 8. 23.
Is your prompt even GOOD? Unlock the Secrets to High-Quality Prompts: WITH 20% EFFORT. Ever wondered which parts of your prompts ACTUALLY MATTER? Let's simplify the sea of prompt engineering tips and tricks with this concise guide on the five essential elements that gives you 80% of the results with 20% of the effort. I've crafted thousands of prompts, and today, I'm sharing the key elements that consistently deliver top-notch outcomes with minimal effort. 🚀 Discover the five crucial components: model, purpose, variables, examples, and output. These elements form the backbone of effective prompt engineering, helping you achieve 80% of the results with just 20% of the effort. 🔗 These elements enable composability between prompts, allowing you to chain together outputs and inputs to build powerful prompt chains. By focusing on the underlying technology and understanding the prompt at its core, you'll be well-equipped to create AI Agents and agentic workflows. 🔥 In this video, we break down each element with clear examples and practical tips: Model: Learn why the model you choose has the most significant impact on your prompt's performance. Purpose: Understand how a clear goal enhances your prompt's effectiveness. Variables: Master the use of dynamic and static variables to make your prompts adaptable and reusable. Examples: See how concrete examples can guide your AI to produce the exact output you need. Output: Explore the importance of structured outputs, like JSON, for building reliable and consistent AI workflows. 🛠️ We'll showcase practical applications of these elements through detailed examples, including a Nuxt.js component and a comprehensive Omnicomplete prompt. Whether you're a developer, AI enthusiast, or product builder, this video is packed with actionable insights to enhance your prompt engineering skills. 🌟 Hit the like and subscribe for more tips on AI agents, agentic workflows, and prompt chains. Stay ahead of the curve and stay plugged into the latest models like GPT-4o, Gemini 1.5 Pro, and other state-of-the-art models to use their full potential for your prompts, AI Agents, and agentic workflows. Keep prompting, keep building and stay ahead of the curve. 🔗 Resources Llama-3 70b Omnicomplete: https://youtu.be/28zuliyLd5Q LLM OS: https://youtu.be/8wSH4XukcH8 7 Prompt Chains: https://youtu.be/QV6kaNFyoyQ 📖 Chapters 00:00 Maximizing Prompt Value 00:34 The Five Key Elements of Prompts 01:24 E1 - Model - Why the Model Matters Most 01:59 E2 - Purpose - Defining Your Goal 02:25 E3 - Variables - Dynamic and Static 03:32 E4 - Examples - Concrete Examples for Clarity 05:49 E5 - Output - Structured and Reliable JSON 07:16 Concise, valuable, reusable prompts 08:00 Building Prompt Chains and AI Agents 08:56 Recap - The 80-20 of Prompt Engineering 09:48 Real Example Prompt - OmniComplete - Static Variables 12:20 Real Example Prompt - Nuxt / Vue Component 13:53 Top 5 Elements for Reusable Prompts 14:30 Focus on the groundwork - the prompt #promptengineering #aiagents #aiengineering
2024. 6. 17.
✅ 전체 영상 보기 https://youtu.be/UBlWWPqtQpo ✅ 강의자료 보러가기 (로그인필요) https://bit.ly/3Mjf8Gd 🚀 감자나라ai 챗GPT 유료강의 안내 🎉 https://bit.ly/3tvomJD 🎁 감자나라ai가 만든 GPTs 스토어 https://bit.ly/3uF1QyO ❤️ 감자나라ai가 만든 무료강의 안내 https://www.youtube.com/playlist?list=PLnk-x2b_0YtnsbVjOAF9s6lyasxcCAFaV 챗GPT 기본사용법 모음 (2시간 30분) https://bit.ly/3tllbDZ GPTs 만들기 모음 (1시간 20분) https://bit.ly/493vNa8 챗GPT 프롬프트 템플릿 모음 https://bit.ly/3ZZLN9V 🧑🏻💻 챗GPT 프롬프트 만들기 기본 https://bit.ly/3OcjLU9 🤖 챗GPT 프롬프트 만들기 고급 https://bit.ly/3uYpLcz 🥰 [1만원강의] 코파일럿 고수되기! https://bit.ly/3vL85kY 💰 [무료] 챗GPT4 vs 클로드3 vs 제미나이 vs 클로바X vs 퍼플랙시티 비교 후기 https://youtu.be/3y4QKcI9wMQ 💸 퍼플렉시티 10$ 할인받기 : https://perplexity.ai/pro?referral_code=FGUU42VB (이 링크를 클릭하면 당신도 10$ 할인 감자도 10% 할인 받습니다!) 감자가 만든 GPTs https://bit.ly/40JifxO 감자나라ai 홈페이지 https://bit.ly/3PRrKG6 쉽게 설명하는 미드저니 튜터리얼 : https://youtu.be/y3F8w6Pra7A 미드저니 프롬프트 쉽게 만드는 방법 : https://youtu.be/DcWwMgiPPic 미드저니 모바일 사용방법 : https://youtu.be/IoTgVZI4EKk 미드저니 프롬프트 만드는 프롬프트 : https://bit.ly/3A2hVh9 이미지 생성 프롬프트 만들기 : https://bit.ly/3GuHR8I 구독해 주세요! https://www.youtube.com/channel/UCPP1HVcKyFThWlpO-JJdXdg #인공지능 #ai #챗gpt #chatgpt
2024. 9. 29.