잠시만 기다려 주세요.
Interview Pen
2024. 2. 3.
Visit Our Website: https://interviewpen.com/?utm_campaign=geospatial Join Our Discord (24/7 help): https://discord.gg/Qy85PT9wj6 Join Our Newsletter - The Blueprint: https://theblueprint.dev/subscribe Like & Subscribe: https://youtube.com/@interviewpen In this video, we discuss a high-level design of a geospatial data aggregation platform. This system would be responsible for ingesting multiple formats of data from a variety of sources, aggregating and cleaning the data, and providing a performant and convenient dashboard to interact with the processed dataset. Table of Contents: 0:00 - Introduction 0:35 - Requirements 2:12 - Data Processing (Single-Node) 3:22 - Data Processing (Distributed) 4:14 - Workflow Orchestration 4:58 - Data API 5:30 - Caching 6:12 - Conclusion 6:35 - interviewpen.com Socials: Twitter: https://twitter.com/InterviewPen Twitter (The Blueprint): https://twitter.com/theblueprintdev LinkedIn: https://www.linkedin.com/company/interviewpen Website: https://interviewpen.com/?utm_campaign=geospatial
In this tutorial, You will learn how to build a fullstack feedback board app using next.js 13, tailwind.css and mongo database. This feedback app tutorial is designed for beginners and will teach you the basics of building a full stack apps with next.js. By the end of this tutorial, you will have a working feedback board app that you can use for your portfolio. Extended course / SaaS version: https://dawid.link/feedback-boards Source code: https://github.com/dejwid/feedback-board Timestamps: 00:00:00 - Intro 00:01:23 - Installing dependecies 00:05:42 - Structure and styling 00:25:06 - Voting button & dummy data 00:34:09 - Feedback form popup 01:04:00 - Feedback item popup 01:51:56 - Saving feedbacks to database 02:23:14 - File upload to s3 03:01:53 - Displaying uploads 03:18:57 - Deleting uploads 03:29:15 - Upload animation 03:37:31 - Saving uploads to feedbacks 03:41:01 - Listing feedbacks 03:37:47 - Confirm your vote 04:01:05 - Authentication 04:32:15 - Saving votes 05:55:49 - Listing uploads 06:11:57 - Header login button 06:27:12 - Comments 07:35:44 - Popup scroll 07:41:52 - Temporary feedbacks & votes 08:14:40 - Editing feedbacks & comments 09:54:43 - Sorting feedbacks 10:16:17 - Pagination 10:59:02 - Search 11:43:05 - Formatting long texts
2023. 8. 9.
"지금 개발을 시작해도 괜찮을까요?" AI가 비즈니스에 적극 유입되고 있는 현시점, IT 시장에서 커리어의 방향성이 고민되시는 분들이라면 강정수 연사의 강연이 해답의 키가 될 수 있을 거예요. 🕦타임라인🕦 00:00 Intro 00:05 AI가 어떤 시장을 만들어내는가? 02:42 AI는 거품인가? 13:02 새로운 시대의 도래 17:00 AI의 시너지 효과가 어떻게 새로운 시장을 만드는가? 21:18 Q&A 21:45 AI가 우리의 삶과 행동을 바꾸려면 반드시 물리적 실체가 필요한 것인지에 대해 22:43 학습 정보의 오류로 인한 AI 때문에 피해를 본 유료 사용자가 있다면? 그로 인한 손해 보상은? 25:50 AI 기술력을 보유하지 않은 사람들이 새로운 에이전트를 만들어보고 싶다면? 그 접근법 27:22 영화에서 볼 수 있는 다크디스토피아처럼 AI의 거대한 발전까지는 얼마나 걸릴지 📑 강정수 연사의 발표 자료 다운받기 https://bit.ly/sef2024KjsSlides ------ ✨SEF2024 홈페이지 및 문의하기✨ SEF2024 홈페이지 - https://sef.connect.or.kr/2024 SEF 인스타그램 - https://www.instagram.com/naver_connect_sef/ SEF X(구 트위터) - https://x.com/naverconnectsef SEF2024 문의하기 - sef@connect.or.kr #네이버커넥트재단 #SEF2024 #소프트웨어교육페스티벌 #강정수 #미디어스피어
2024. 9. 19.
Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone Please you can continue PART 2 here https://youtu.be/qauKS3Cx4rc?si=EhUQYbsAJxFkywy8 Welcome to the most comprehensive Next.js course on YouTube! Over the next 19 hours, you'll master building a Slack clone from scratch, using cutting-edge technologies and best practices. This course is perfect for beginners and experienced developers looking to deepen their knowledge of Next.js and full-stack development. Technologies and Tools Covered: Next.js 15 TypeScript Supabase (RPC, Storage, SQL, Role Level Security) Tailwind CSS Shadcn UI Google Auth GitHub Auth Email Auth with Magic Link React Query Tiptap React Zod React Hook Form Socket.IO Zustand Bun Uploadthing Course Features: Detailed, step-by-step guidance Timestamps for easy navigation (see below) Discord group for mentorship, questions, and recommendations Access to all SQL scripts used in the course App Features: AUTH CREATE WORKSPACE CREATE CHANNEL DIRECT MESSAGING VIDEO CALL AUDIO CALL SCREEN SHARING WORKSPACE INVITATION CHANNEL INVITATION MULTI-ROLE AUTHENTICATION ("USER," "ADMIN," "REGULATOR") DARK AND LIGHT THEME Middleware in Next.js Advanced practices Let's connect on linkedIn: https://www.linkedin.com/in/laribright Email: itslaribright@gmail.com Github: https://github.com/laribright/slack-clone (Please give a star 🙏🏽) What You'll Learn: Building a modern, responsive UI with Tailwind CSS and Shadcn UI Implementing secure authentication with Google, GitHub, and email magic links Managing state with Zustand and React Hook Form Real-time communication with Socket.IO Handling file uploads with Uploadthing Using Supabase for backend services, including RPC, storage, SQL, and role-level security Applying advanced Next.js features and middleware No Prior Knowledge Required: This course is designed to be beginner-friendly. I'll guide you through each concept, ensuring you understand everything from the basics to advanced practices. Timestamps: 0:00 - Intro 02:56 - Bun Bootstrap new project 15:11 - Tailwind config, Layout, and Font 18:45 - Supabase Auth Setup 34:26 - Supabase Client SSR Nextjs 46:30 - Typography Component - Login Form 01:29:33 - Authentication (Google, Github, Email) 01:53:58 - Supabase (PostgreSQL, RLS, Functions, Triggers, SQL Editor) 02:22:05 - Protecting Routes in NextJS 02:27:07 - Supabase Types 02:34:16 - Get Current User Session 02:44:06 - Create Workspace UI - Zustand 03:13:18 - Uploadthing workspace Image upload 03:34:10 - Workspace Table - Supabase - Form Submission 03:58:54 - Create Workspace Logic Supabase 04:04:54 - RPC 04:33:49 - Theming, Workspace Layout 05:00:14 - Fetch Workspaces, Workspaces Data 05:09:31 - Sidebar component 05:15:06 - Sidebar Nav 05:38:41 - Sidebar Nav Cont. 06:12:00 - Layout Fixes - Complete Theming 06:44:19 - Create Workspace Form 07:05:17 - Create Workspace Functionality 07:16:57 - Switch Between Workspaces 07:31:03 - Channels and Direct Messages UI 07:47:47 - Create Channel UI 08:08:22 - Create Channel Supabase 08:22:08 - Create Channel Functionality Completed 08:50:11 - Display Channels 09:08:44 - Channel Page 09:26:19 - No Channel Screen 09:37:45 - Text Editor. Menu Bar, Emoji 10:21:19 - Editor Content Component 10:28:09 - Channel Message Schema 10:40:15 - Create Messages 11:15:52 - File Upload Bucket, Form UI 11:43:03 - Fill Upload Message Creation 11:57:43 - Part One Complete Join the Community: Have questions or need further help? Join our Discord group for personalized mentorship, discussions, and recommendations. https://discord.com/channels/1257807610015387671/1257807677304737893 Start Coding: Ready to dive in? Let’s get started and build something amazing together! Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone #nextjs #typeScript #supabase #rpcs #rls #postgresql #postgres #tailwindcss #shadcn #authentication #reactquery #zod #reacthookform #socketio #zustand #bun
2024. 7. 3.
#오후다섯씨 #claude3.5 #gpt4-o1 #gpt-4o #claude #gemini #llama #metaai #processing #llama3 #aicoding #aidevelopment #ainews #ai #openai #chatgpt #gpt4 #인공지능 #llm #챗gpt -------------------------- 오후다섯씨는 인공지능을 활용한 수준 높은 창작과 관련 기술 및 서비스를 소개하고 있습니다. 인공지능, 메타버스, 웹3, NFT 등의 기술 본질을 파악하여 미래를 선도하며, 개인과 기업의 성공을 위해 창의적인 방법으로 뉴미디어를 혁신합니다. 또한, 사람을 중심으로 예술, 기술, 그리고 비즈니스의 융합을 이야기하고 있습니다. 오후다섯씨 채널명은 어떤 뜻인가요? 🙌🏻 밤+낮, 몸+마음, 가상+현실, 예술+기술, 개인+사회 오후다섯씨는 밤과 낮이 융합되는 시공간입니다. 융합적인 시간 오후다섯시를 의미하는 5pm에 Mr.를 붙여 융합적인 사람 Mr.5pm 오후다섯씨라는 채널명을 만들었습니다. 여러가지 측면에서 융합적인 사람이 되는 것은 인생에서 할 수 있는 아름다운 일이라고 생각합니다. 예술적 상상력과 기술적 상상력의 조화를 이루며 우리 잠재력의 한계에 도달하는 길을 찾기 위해 이야기를 합니다. 오후다섯씨
2024. 10. 26.
🙋♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다.
2024. 9. 20.
여러분의 심령사진과 함께 시원한 핼러윈 보내세요! 💻소스코드: https://colab.research.google.com/drive/1WZvc2r9vKCPtq9ECknvv10Cudqc6JU2q?usp=sharing 📮사업 및 개발문의 kairess87@gmail.com 😘빵형의 개발도상국 후원 카카오페이 : https://qr.kakaopay.com/Ej86nqvdu 투네이션 : https://toon.at/donate/helloworld 링크 모음 : https://lnk.bio/kairess #빵형 #flux #stablediffusion #inpainting #controlnet
2024. 10. 20.