잠시만 기다려 주세요.
개발바닥
2024. 5. 6.
아참! 개발방송이었지! 그냥 실무적인 이야기
Ever since React moved onto the server, the new directives "use client" and "use server" have caused some confusion. Lets look at how the top level directive in an actions.ts file may leak some data you may not want, and why this is more an issue of developer confusion rather than an issue with NextJS. Rhys Tweet: https://x.com/RhysSullivan/status/1808039883350704372 ------- 🐦 Twitter (X): https://jollycod.ing/x 🤓 Personal Site: https://jollycod.ing/me 💻 GitHub: https://jollycod.ing/git JollyUI: https://jollycod.ing/ui Where I Work: https://jollycod.ing/work
2024. 7. 4.
5.5만명이 수강한 제로초 강좌/로드맵 통합 링크! https://www.zerocho.com/lecture https://www.zerocho.com/lecture 의지력이 약해 다른 사람들과 함께 수강하고 싶다면! + 고민상담, 질문도 하고 싶다면 3천명이 모여있는 제로초스쿨에서! https://www.zerocho.com/slack https://www.zerocho.com/slack -- 깃헙 -- https://github.com/zerocho (레포지토리 스타 눌러주세요) -- 후원 및 멤버십 -- https://toon.at/donate/zerocho https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join -- 소개 -- Node.js 교과서, Let's Get IT 자바스크립트 프로그래밍, 타입스크립트 교과서 저자 제로초닷컴(ZeroCho.com) 운영자
2024. 10. 26.
- 씬커님과 함께한 팟캐스트 일부분입니다. - vrew로 자막을 생성했습니다.
2024. 8. 19.
Watch as Craig Labenz and Rémi Rousselet discuss Rémi's experience rewriting his infamous data class package, `freezed`, with Macros. The latest from Flutter → https://goo.gle/flutter-latest Watch more Observable Flutter → https://goo.gle/ObservableFlutter Subscribe to Flutter → http://goo.gle/FlutterYT #ObservableFlutter #Flutter Speaker: Craig Labenz Products Mentioned: Flutter
2024. 7. 11.
In this tutorial we are going to be cloning VSCode using Electron JS, React JS, React hooks, TypeScript and Monaco editor library The tutorial is divided into 2 parts: this video is the part 1, the link to the second part is https://www.youtube.com/watch?v=mIaB8PdkOjo Please don’t forget to subscribe, it motivates me to do more tutorials like this 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 - Please star and fork the 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.
인프런 [React / VanillaJS UI 요소 만들기 Part1] 유료강의의 데모 영상입니다. https://inf.run/xZgdd
2024. 3. 20.