잠시만 기다려 주세요.
EdRoh
2022. 11. 16.
Links: Material UI: https://mui.com/material-ui/getting-started/installation/ Redux Toolkit: https://redux-toolkit.js.org/introduction/getting-started React Router: https://reactrouter.com/en/v6.3.0/getting-started/installation Redux Persist: https://github.com/rt2zz/redux-persist React Dropzone: https://react-dropzone.js.org/ Node: https://nodejs.org/en/download/ Nodemon: https://github.com/remy/nodemon NPX: https://www.npmjs.com/package/npx VsCode: https://code.visualstudio.com/download Dotenv: https://github.com/motdotla/dotenv MongoDB: https://www.mongodb.com/ Mongoose: https://github.com/Automattic/mongoose JsonWebToken: https://github.com/auth0/node-jsonwebtoken Multer: https://github.com/expressjs/multer GridFS-Storage: https://github.com/devconcept/multer-gridfs-storage Google Fonts: https://fonts.google.com/ Formik: https://formik.org/docs/overview Yup: https://github.com/jquense/yup Code completed code: https://github.com/ed-roh/mern-social-media assets file: https://github.com/ed-roh/mern-social-media/tree/master/server/public/assets input data file: https://github.com/ed-roh/mern-social-media/blob/master/server/data/index.js theme file: https://github.com/ed-roh/mern-social-media/blob/master/client/src/theme.js ——————————— Subscribe to my channel: https://www.youtube.com/channel/UCMoEx7gz7IbJHv733yEi2aA/?sub_confirmation=1 for more web development and web 3.0 blockchain tutorials! ——————————— Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now. I'm here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients. ====== Chapters: 0:00 Build a Fullstack MERN React Responsive Social Media Application from Scratch 5:07 Backend Installation of Node, Visual Studio Code, and Backend Packages 7:44 Backend Configurations and Middleware Setup 16:06 MongoDB Registering, Installation and Setup 21:31 Data Modeling and ERD Diagrams 26:08 Authentication and Authorization in Node 59:07 User Routes Setup 1:13:33 Post Routes Setup 1:36:20 Backend Data Add and Demo 1:42:20 Frontend Installation and Setup 1:48:34 React Redux File Folder Architecture and React Router 1:56:10 Redux and Toolkit Installation and Setup 2:10:56 Color, Theme, Dark Mode, and Styling Setup 2:26:16 Navbar 2:48:37 Register, Login Pages, and Form 3:34:44 Home Page and Widgets 4:04:17 Posts and Post Widgets 5:19:41 Profile Page 5:27:08 Full Stack MERN React Application Complete
2024. 10. 7.
#오후다섯씨 #microsoftdesigner #canva #figma #gpt-4o #claude #gemini #llama #metaai #processing #llama3 #aicoding #aidevelopment #ainews #ai #openai #chatgpt #gpt4 #인공지능 #llm #챗gpt -------------------------- 오후다섯씨는 인공지능을 활용한 수준 높은 창작과 관련 기술 및 서비스를 소개하고 있습니다. 인공지능, 메타버스, 웹3, NFT 등의 기술 본질을 파악하여 미래를 선도하며, 개인과 기업의 성공을 위해 창의적인 방법으로 뉴미디어를 혁신합니다. 또한, 사람을 중심으로 예술, 기술, 그리고 비즈니스의 융합을 이야기하고 있습니다. 오후다섯씨 채널명은 어떤 뜻인가요? 🙌🏻 밤+낮, 몸+마음, 가상+현실, 예술+기술, 개인+사회 오후다섯씨는 밤과 낮이 융합되는 시공간입니다. 융합적인 시간 오후다섯시를 의미하는 5pm에 Mr.를 붙여 융합적인 사람 Mr.5pm 오후다섯씨라는 채널명을 만들었습니다. 여러가지 측면에서 융합적인 사람이 되는 것은 인생에서 할 수 있는 아름다운 일이라고 생각합니다. 예술적 상상력과 기술적 상상력의 조화를 이루며 우리 잠재력의 한계에 도달하는 길을 찾기 위해 이야기를 합니다. 오후다섯씨
2024. 7. 19.
#PM #PO #서비스기획자 #IT기획자 #경력서 #포트폴리오 최근 IT 분야에서 PM, PO, 서비스기획자, IT기획자로서 일하시는 분들 시리즈 중 마지막으로 경력서와 포트폴리오 작성 방업에 대한 가이드를 만들었습니다.
2024. 4. 13.
https://spring.io/projects/spring-ai ~~~~~~ * VS Code로 쉽게 시작하는 Git, GitHub * 인프런: https://inf.run/LPpDg * React + API Server 프로젝트 개발과 배포 #CICD * https://bit.ly/oklearnreact
2024. 8. 20.
얼마전 새로 나온 Claude 3.5 Sonnet을 활용해서 보스 배틀 게임을 만들어보는 튜토리얼 영상입니다. 오직 AI만을 이용해서 만든 두 번째 게임입니다. ▶️ 보스 배틀 게임 플레이 해보기(PC에서만 플레이 가능해요): https://main--devbrother-boss-battle-game.netlify.app/ ▶️ 개발동생 디스코드 커뮤니티: https://discord.gg/b8DYHVWM6U [타임라인] 00:00 : 이번 영상에서 만들어볼 게임은 🎮 00:37 : Claude Project 세팅 방법 🛠️ 03:46 : 배틀 게임 기초 프레임 생성 🏗️ 04:22 : VS 코드 프로젝트 세팅 💻 08:06 : 플레이어 메커니즘 추가 👾 09:47 : 보스 공격 및 움직임 추가 🐲 14:26 : 넉백 상태 추가 💥 16:34 : sprites, assets 적용 🎨 17:15 : 스테이블 디퓨전 스프라이트 이미지 생성 🖼️ 20:24 : 최종 완성된 게임 플레이 🏆 22:10 : 직접 플레이 해보세요! 🕹️
2024. 7. 28.
오픈 톡방 (https://open.kakao.com/o/gGn2mAnc) 코딩에 관심있는 사람들이 토론하기 위해서 카카오톡 오픈 채팅오픈하였습니다. 기본 영상 원본 소스 - https://github.com/you6878/howlmvvm.git
2022. 8. 14.