잠시만 기다려 주세요.
감자나라ai
2024. 9. 27.
감자나라ai에서 만들었습니다.
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.
⭐️ Source Code & More: https://www.codewithantonio.com/projects/miro-clone 💬 Discord & Help: https://www.codewithantonio.com/discord Clerk: https://dub.sh/mz7fwfW Convex: https://convex.dev/c/cwa Liveblocks: https://liveblocks.io/ Logoipsum: https://logoipsum.com/ Sally 3D illustrations: https://www.figma.com/community/file/890095002328610853/saly-3d-illustration-pack In this 10 hour tutorial, you will learn how to create your very own Miro clone - A collaborative, real-time whiteboard. Packed with features such as real-time database, whiteboard from scratch with ability to add shapes like Rectangles and Ellipses, Sticky notes and Pencil drawing. Using the newest technologies such as Next.js. 14, Clerk, Convex and LiveBlocks. Key Features: - 🛠️ Whiteboard from scratch - 🧰 Toolbar with Text, Shapes, Sticky Notes & Pencil - 🪄 Layering functionality - 🎨 Coloring system - ↩️ Undo & Redo functionality - ⌨️ Keyboard shortcuts - 🤝 Real-time collaboration - 💾 Real-time database - 🔐 Auth, organisations and invites - ⭐️ Favoriting functionality - 🌐 Next.js 14 framework - 💅 TailwindCSS & ShadcnUI styling Timestamps 00:00 Intro & Demo 03:42 Additional information 04:07 Project setup 12:33 Project structure 30:41 Convex & Clerk 56:51 Dashboard layout 01:10:25 Sidebar 01:35:01 Organization Sidebar 01:49:49 Navbar 02:04:04 Empty States 02:23:22 Create Mutation 02:41:57 Board List 03:14:28 Card Actions 03:55:36 Favoriting Functionality 04:18:12 Search Querying 04:31:52 Canvas Layout 04:42:50 Liveblocks setup 05:00:13 Room Authentication 05:19:44 Room Info 05:36:23 Room Participants 05:49:46 Room Toolbar 05:56:45 Canvas State 06:22:01 Cursors Presence 06:47:41 Insert Layer 07:20:07 Select Layer 07:36:02 Selection Box 07:59:34 Resize Layer 08:17:52 Translate Layer 08:31:29 Color change & Deletion 08:50:09 Layer Depth 08:56:46 Selection Net 09:11:53 Other Elements 09:32:51 Pencil & Drawing 10:13:02 Deployment
2024. 1. 29.
이번 영상의 주인공은 실리콘밸리에서 프로덕트 디자이너로 활약 중인 정주영님입니다. 주영님은 토종 한국인이자 디자인 비전공자였음에도 불구하고, 자신이 진정으로 하고 싶었던 일을 찾아 스스로의 힘으로 미국 유학을 떠났고, 구글을 거쳐 현재 ASANA에서 디자이너로 활약하고 있습니다. 지금은 미국에서 디자이너를 꿈꾸는 이들을 멘토링하며, 더 많은 사람들이 자신의 꿈을 찾을 수 있도록 돕고 있는데요. '비전공자', '비자 문제', '커리어 전환' 등 수많은 현실적인 문제들을 극복하고 지금의 자리에 설 수 있었던 이유는 무엇일까요? 이번 영상을 통해 확인해보세요. 🌎 EO 글로벌 채널 구독하기 👉🏻👉🏻 https://bit.ly/3S0Pacc 👽 eo PLANET 뉴스레터 구독하기 👉🏻👉🏻 https://bit.ly/3cIKLuL
2024. 9. 10.
#창업 #개발자외주 #프리랜서
2024. 9. 18.
오래되고 낡은 엔터프라이즈 시스템을 서비스와 요구사항 지원 중단 없이 단계적이고 점진적으로 개선, 전환하고 있는 경험을 공유하고자 합니다. 2부에서는 오래되고 낡은 엔터프라이즈 애플리케이션을 어떻게 지속 가능한 어플리케이션으로 전환하는지에 대해 중니어(?)의 관점에서 소개합니다. 🎙️ 김선철 (네이버) 🗓️ 스프링캠프 2023 Session 4 (2023년 4월 22일) 🧭 SKT Tower 4층 수펙스홀 📂 발표자료 https://springcamp.ksug.org/2023/static/media/track4.54a928b2237b005a1a21.pdf 📺 스프링캠프 2023 영상 모두 보기 https://www.youtube.com/playlist?list=PLdHtZnJh1KdbR9xXyiVJ-BClLTXCw66y3 [🔗 스프링캠프 & KSUG] 스프링캠프 2023 웹 https://springcamp.ksug.org/2023/ 스프링캠프 페이스북 https://www.facebook.com/springcampkr 스프링캠프 유튜브 https://www.youtube.com/@springcampkr KSUG 웹 https://www.ksug.org/ KSUG 구글 그룹 https://groups.google.com/g/ksug KSUG 페이스북 https://www.facebook.com/groups/springkorea KSUG 유튜브 https://www.youtube.com/@workerksug7409 #KSUG #스프링캠프 #시스템개선 #엔터프라이즈시스템
2023. 7. 23.
할 만한 프로젝트 주제와 기능을 알아봅니다. #frontend #backend #웹개발 #프로젝트
2024. 6. 23.