잠시만 기다려 주세요.
수코딩
2024. 6. 19.
📔 강의 범위: 3.3 기본 문법 다루기 - 4 🚧 본 강의는 [코딩 자율학습 Vue.js, 프런트엔드 개발 입문] 도서의 무료 강의입니다. 동영상의 내용은 책과 밀접하게 관련이 있어서 책 없이 보면 이해가 안될 수도 있습니다. 반드시 책과 함께 보는 것을 권장합니다. 🚧 [📖코딩자율학습 Vue.js 프런트엔드 개발 입문📖]은 온라인 서점에서 절찬 판매중입니다. 😉 🚀 Yes24: http://gilbut.co/c/24059327pS 🚀 교보문고: http://gilbut.co/c/24052540pO 🚀 알라딘: http://gilbut.co/c/24054695wl ------- 📎 예제소스 : https://github.com/gilbutITbook/080384 ------- ----- * 책을 보면서 궁금한 점이나 문의사항은 아래의 방법으로 문의할 수 있습니다. 1. [길벗 홈페이지 → 고객센터 → 1:1 문의] 2. 저자 이메일(sucoding@naver.com) 3. 수코딩 유튜브 무료 강의 영상 댓글 ---- #코딩자율학습 #vue.js #vuejs
Learn to code with me here https://learnwebcode.com/ Here are my five favorite color themes for my text editor of choice; Visual Studio Code. Follow me for updates on new videos or projects: Instagram: https://www.instagram.com/javaschiff/ Twitter: https://twitter.com/learnwebcode Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/ Twitch: https://www.twitch.tv/learnwebcode
2024. 6. 17.
This video is the part 2 of this tutorial, the link to the first part is https://www.youtube.com/watch?v=nCwbbHdmSt4 What you'll gain from this tutorial - Using React JS in Electron JS - CSS Grid - Interprocess communication with IPC - Creating context menu and top menu - Creating files in electron js - Editing files in electron js - Loading and displaying the content of a directory in electron js - Integrating monaco text-editor library 00:00:00 - 00:14:20 - introduction and demo 00:14:20 - 00:39:21 - Project setup and configuration 00:39:21 - 00:53:19 - Initialisation, brief introduction and routing setup 00:53:19 - 01:07:32 - UI Layout setup with CSS grid 01:07:32 - 01:56:43 - UI development 01:56:43 - 04:27:16 - Interprocess connection using IPC, preload file setup, selecting and loading directory content into the project, and additional UI development 04:27:16 - 05:54:00 - Setting up Monaco editor library, displaying file contents in Monaco editor and editing files 05:54:00 - 06:33:38 - Footer content UI development and implementing line and column number with Monaco editor event 06:33:38 - 07:39:01 - Designing the file tab 07:39:01 - 08:01:56 - Saving Files 08:01:56 - 09:01:52 - App Menu and context menu for folder and files implementation 09:01:52 - 09:31:33 - header design 09:31:33 - End - Creating files, Selecting New Folder and other things Links Link to the lesson files on my github repository https://github.com/paulosabayomi/vscode-clone-with-electron-js-react-js-and-monaco-library OR clone it on the CLI with git clone https://github.com/paulosabayomi/vscode-clone-with-electron-js-react-js-and-monaco-library.git Electron JS documentation https://www.electronjs.org/docs/latest/ Electron Menu https://www.electronjs.org/docs/latest/api/menu#render-process Electron Forge https://www.electronforge.io/guides/framework-integration/react-with-typescript Electron Forge React https://www.electronforge.io/guides/framework-integration/react-with-typescript Monaco Editor GitHub repo https://github.com/microsoft/monaco-editor?tab=readme-ov-file Short Doc https://github.com/microsoft/monaco-editor/blob/main/docs/integrate-esm.md Monaco editor webpack plugin https://github.com/microsoft/monaco-editor/tree/main/webpack-plugin Electron Store https://www.npmjs.com/package/electron-store SVGR https://www.npmjs.com/package/@svgr/webpack React Perfect Scrollbar https://www.npmjs.com/package/react-perfect-scrollbar Redux toolkit https://redux-toolkit.js.org/tutorials/typescript React Navigation https://reactrouter.com/en/main/start/tutorial React router Hash router https://reactrouter.com/en/main/routers/create-hash-router URL loader https://github.com/webpack-contrib/url-loader VSCode Figma https://www.figma.com/design/k8Z1DvF03b44yC29dpk2As/Visual-Studio-Code-Toolkit-(Community)?node-id=1-2&t=K63zAqd5UYfuvkyg-0 Seti UI icon https://github.com/jesseweed/seti-ui Codicon repo https://microsoft.github.io/vscode-codicons/dist/codicon.html Codicon on iconify https://icon-sets.iconify.design/codicon/ VSCode Icon themes https://code.visualstudio.com/blogs/2016/09/08/icon-themes #vscode #monaco #texteditor #electronjs
2024. 9. 11.
Discover how a Service Mesh simplifies service-to-service communication in a microservices architecture. Learn how sidecar proxies handle traffic, security, load balancing, and observability, enabling seamless communication without altering service code. We explore key features like traffic management, fault tolerance, mutual TLS (mTLS), and real-world examples like Netflix using Istio. ⏰ Timestamps 0:00 - What is a Service Mesh? 0:34 - Challenges in Microservices Communication 1:18 - Sidecar Proxy in Action 2:38 - Key Features of Service Mesh 3:54 - Real-World Example: Netflix & Istio https://www.linkedin.com/in/bytemonk/ https://www.youtube.com/playlist?list=PLJq-63ZRPdBt423WbyAD1YZO0Ljo1pzvY https://www.youtube.com/playlist?list=PLJq-63ZRPdBssWTtcUlbngD_O5HaxXu6k https://www.youtube.com/playlist?list=PLJq-63ZRPdBu38EjXRXzyPat3sYMHbIWU https://www.youtube.com/playlist?list=PLJq-63ZRPdBuo5zjv9bPNLIks4tfd0Pui https://www.youtube.com/playlist?list=PLJq-63ZRPdBsPWE24vdpmgeRFMRQyjvvj https://www.youtube.com/playlist?list=PLJq-63ZRPdBslxJd-ZT12BNBDqGZgFo58 AWS Certification: AWS Certified Cloud Practioner: https://youtu.be/wF1pldkQrOY AWS Certified Solution Architect Associate: https://youtu.be/GzomXNLFgkk AWS Certified Solution Architect Professional: https://youtu.be/KFZrBxSA9tI #Microservices #servicemesh #SystemDesign
2024. 9. 16.
Instagram : https://www.instagram.com/kyung___a___/ Github : https://github.com/Kyung-A Blog : https://kyung-a.tistory.com/ ✉ Email : nek1717@naver.com ✨ 정보 ✨ 책상 : 209애비뉴 제로데스크 에보 의자 : 시디즈 T402HF 화이트쉘 카키쉬그레이 노트북 : ASUS 비보북 510UA-BQ492 (개발용 비추) 모니터 : LG 27mk600mw 모니터암 : 카멜마운트 마우스 : 로지텍 리프트 버티컬 아무스 키보드 - 앱코 아크릴 아이스큐브 듀얼 RGB 카일박스 게이밍 키보드 - 레오폴드 FC660MBT 화이트 그레이 한글 갈축 팜레스트 - 앱코 ARC-1 TKL 텐키리스 아이스 아크릴 팜레스트 - 키크론 K2 & K6 공용 호두나무 원목 팜레스트 BGM 🎵Music provided by 브금대통령 🎵Track : 참새 - https://youtu.be/u7rnqR0BB3M 🎵Track : 멘붕 - https://youtu.be/dkHfLiG2654 #개발자 #취준생 #백수 #일상 #퇴사 #브이로그 #한강 #나들이 #커뮤니티 #네트워킹 #주니어 #신입 #회사원
2024. 10. 1.
A quick overview of Astro 5. 💬 Topics: - What is Astro? - Advantages of Astro; - Astro Rendering; - Server Islands; - Content Collections & Content Layer - Static and Hybrid 🥇 Become a Member - https://www.youtube.com/channel/UCXzw-OdotBUcNA9yhuYQBwA/join ✉️ Join the Newsletter - https://newsletter.awesome.club/
2024. 10. 11.
⭐ Source code & more: https://dub.sh/twpYBjw 🔥 Get $50 in Appwrite credits: https://apwr.dev/antonio50 🎬 PART 1: https://youtu.be/Av9C7xlV0fA?si=EpjTfBp_jk1pQk0N Hi all 👋 In this 16-hour tutorial split in two parts (my longest ever btw!) you will learn how to create an end-to-end fullstack Jira clone, all with workspaces, project / epics, tasks, kanban boards, calendars, editing and deleting tasks, invite system, role-based access control system, image uploads, analytics, authentication and more! Key Features: 🏢 Workspaces 📊 Projects / Epics ✅ Tasks 📋 Kanban Board View 🗃️ Data Table View 📅 Calendar View ✉️ Invite System ⚙️ Workspace and Project Settings 🖼️ Image Uploads (for avatars and attachments) 🔌 Appwrite SDK Integration ⚛️ Next.js 14 Framework 🎨 Shadcn UI & TailwindCSS Styling 🔍 Advanced Search and Filtering 📈 Analytics Dashboard 👥 User Roles and Permissions 🔒 Authentication (OAuth and Email) 📱 Responsive Design (Mobile-friendly) 🚀 API using Hono.js Timestamps 00:00 Intro & demo 00:33 Adding workspace projects 35:01 Building project settings 01:15:05 Building a tasks API 01:43:58 Building a task form 02:11:15 Building data filters 02:38:40 Building a data table 03:07:52 Adding task settings 03:32:45 Building a data kanban 03:48:24 Adding a kanban update API 04:31:39 Building a data calendar 05:03:01 Adding a task page 05:38:06 Refactoring server components 06:08:12 Building project analytics 06:36:47 Building workspace analytics 07:03:09 Resolving build errors 07:13:36 Implementing OAuth login 07:29:41 Deployment 07:37:17 Resolving leftover bugs
2024. 10. 10.