데브허브 | DEVHUB | ❰5년 후 AGI❱에 도달하면 세상은 어떻게 바뀔까?

Build React Logo Making App | React Js Full Course Project Tutorial | React, Tailwindcss

🚀 Dive into the world of React logo creation with this comprehensive tutorial! Learn how to build your own React Logo Making App from scratch using React and Tailwind CSS. Follow along step-by-step to master the process and unleash your creativity! Whether you're a beginner or an experienced developer, this tutorial has something for everyone. Let's build something amazing together! 🎨💻 #React #TailwindCSS #logodesign ⭐ TubeGuruji : https://tubeguruji.com ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw ⭐ Application Demo : https://logoexpress.tubeguruji.com/ 📚 Materials/References: GitHub Repository For Application (give it a star ⭐): https://dcmk.short.gy/logo-making-app-source-code Free Assets : https://dcmk.short.gy/logo-assets 🌟 Free Members Access : https://www.tubeguruji.com/course-preview/react-logo-making-app-or-full-course-project Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join Content: - Learn to Create React + Vite App and Library Install - Setup shadcn Library - Learn Tailwindcss - Learn to Use Tailwindcss Components - Advance Gradient Color Picker - Lucide Icon with Customization - Logo Making App logic - Learn to Download Logo using html2Canvas - Advance Logic Implementation - Step by step tutorial - Create Vite Server Proxy - Learn to Deploy your app - Many More --------------Chapters---------------- 00:00:00 Introduction / Project Demo 00:05:13 Project Setup 00:20:25 Header + SideNav 00:32:02 Layout Update 00:35:07 Icon Controller 00:44:44 Color Picker 00:54:00 Background Controller 00:59:49 Logo Preview 01:19:10 Logo List Picker 01:31:28 Download Logo 01:39:19 Color Logo Picker 01:54:07 Deploy App #React #TailwindCSS #logodesign #reacttutorial #reactproject

2024. 5. 8.

This RESUME got me 8+ software engineering interviews

Build a resume 🔥 https://www.hyr.sh In this video I share the resume that got me hired as a software developer with no related experience or qualification. I also share the resume I use in the current age, in addition to 5 golden rules that must be followed if you want to have an effective resume! #tech #resume #career ⭐️ All my links! https://www.smoljames.com 💛 Support the channel https://www.youtube.com/channel/UCPBK_brqoVQtO-fOWpxQGXw/join ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗ ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣ ╠╗║╚╝║║╠╗║╚╣║║║║║═╣ ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝ 📚 Chapters 00:00 Intro 00:38 Resume 1 04:16 Resume 2 04:54 Rule 1 06:06 Rule 2 07:04 Rule 3 07:59 Rule 4 IMPORTANT 09:50 Rule 5 🔖 Topics Covered - How to build a hireable resume - Tech resume template - 5 golden resume rules to follow

2024. 7. 9.

Learn MERN Stack with Project in 2 Hours | MERN Stack Crash Course for Beginners

This video is a complete MERN STACK (React, Nodejs & Express) Crash Course for beginners. The video covers different Nodejs, Express, MongoDB, TypeScript, Tailwindcss and React implementation in one single project. The video showcase the MERN Stack concepts and their use in practical project. The Project also help us to learn how we connect the frontend and backend app. How is the project structure and API integration. We will build an URL shortener app. Node.js: The Complete Guide to Build Backend Projects [2023]🔥 Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero ⭐️ Support my channel⭐️ https://www.buymeacoffee.com/dipeshmalvia ⭐️ Full Source Code ⭐️ https://buymeacoffee.com/dipeshmalvia/e/267940 ⭐️ Node.js for beginners Playlist ⭐️ https://youtube.com/playlist?list=PLTP3E5bPW796_icZanMqhdg7i0Cl7Y51F 🔥 Video contents... ENJOY 👇 0:00:00 - Intro 0:00:18 - Topics to Cover 0:02:08 - Project Architecture 0:03:44 - Project Setup & Node.js Installation 0:06:07 - Installing Dependencies 0:06:55 - Create Express Server 0:10:24 - Adding TypeScript to Project 0:14:47 - Nodemon & TS-NODE config setup 0:17:16 - Connect app to Mongodb database 0:21:23 - Adding middleware to project 0:22:32 - Adding API Routes 0:25:27 - Adding Controller and Functions 0:25:59 - Adding Model with Mongoose Schema 0:29:11 - Controller Functions and MongoDb operations 0:31:15 - Add Create Short URL Function 0:34:06 - Add Get All URLs Function 0:37:11 - Add Get URL Function 0:39:11 - Add Delete URL Function 0:40:25 - API Testing 0:42:33 - Project Setup using VITE 0:46:05 - Adding Tailwind css to Project 0:46:47 - Header & Footer Component 0:53:24 - Adding Container Component 0:55:48 - Adding Form component 1:06:53 - Form Handling 1:08:50 - Axios API integration - Create Short URL 1:13:05 - Adding Data Table Component 1:17:05 - Axios API integration Fetch Short URLs 1:22:42 - Render Data Table List 1:26:53 - Adding Icons using Heroicons 1:28:50 - Copy clipboard feature 1:30:40 - Delete Short URL 1:32:50 - Re-render Container Component 1:38:25 - Sort Data in MongoDB 1:40:20 - Outro ⭐️ Crash Courses ⭐️ 🔗 Nodejs Crash Course - https://youtu.be/H9M02of22z4 🔗 React Crash Course - https://youtu.be/0riHps91AzE 🔗 JavaScript Crash Course - https://youtu.be/sptS-bgg8Ro 🔗 HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc 🔗 CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Tags ⭐️ - Node.js URL Shortener Backend: MongoDB + TypeScript Deep Dive - Node.js API Development: URL Shortener Backend Using TypeScript and MongoDB - Building Scalable APIs: URL Shortener App with Node.js, MongoDB, and TypeScript - Hands-On Tutorial: Building a URL Shortener Backend with Node.js, MongoDB, and TypeScript ⭐️ Hashtags ⭐️ #nodejs #express #react #mernstack #projects #beginners Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

2024. 5. 9.

[10분 테코톡] 쑤쑤의 z-index의 동작 방식

🙋‍♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋‍♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다.

2024. 9. 2.

대박! 프로버전 무료! AI 다이어그램 생성! 시각화 혁명: 텍스트 완벽 시각화! Notion, PPT, Google Docs, Keynote Napkin.AI | 오후다섯씨

#오후다섯씨 #gpt-4o #framer #aiwebsite #claude #gemini #llama #metaai #processing #llama3 #aicoding #aidevelopment #ainews #ai #openai #chatgpt #gpt4 #인공지능 #llm #챗gpt https://www.napkin.ai/ -------------------------- 오후다섯씨는 인공지능을 활용한 수준 높은 창작과 관련 기술 및 서비스를 소개하고 있습니다. 인공지능, 메타버스, 웹3, NFT 등의 기술 본질을 파악하여 미래를 선도하며, 개인과 기업의 성공을 위해 창의적인 방법으로 뉴미디어를 혁신합니다. 또한, 사람을 중심으로 예술, 기술, 그리고 비즈니스의 융합을 이야기하고 있습니다. 오후다섯씨 채널명은 어떤 뜻인가요? 🙌🏻 밤+낮, 몸+마음, 가상+현실, 예술+기술, 개인+사회 오후다섯씨는 밤과 낮이 융합되는 시공간입니다. 융합적인 시간 오후다섯시를 의미하는 5pm에 Mr.를 붙여 융합적인 사람 Mr.5pm 오후다섯씨라는 채널명을 만들었습니다. 여러가지 측면에서 융합적인 사람이 되는 것은 인생에서 할 수 있는 아름다운 일이라고 생각합니다. 예술적 상상력과 기술적 상상력의 조화를 이루며 우리 잠재력의 한계에 도달하는 길을 찾기 위해 이야기를 합니다. 오후다섯씨

2024. 9. 11.

미중갈등 반도체에서 조선으로 확산 | 대한민국 조선 산업... 기나 긴 침체를 딛고 다시 일어서다 | 벌크선, LNG선, 컨테이너선 등 각종 선박 건조의 기술력 차이

일본을 제치고 조선산업에서도 전세계 1등 자리를 누리던 우리나라가 중국의 빠른 시장 잠식과 플랜트사업 리스크로 어려움을 딛었죠. 여기에 중국은 조선업 성장을 필두로 끊임없이 해군을 증강시키며 군사적 긴장감을 고조화했는데요. 미국은 우방국들을 집결하고 특히 한국의 배 건조 발주에 신경을 쓰고 있습니다. LNG선, 컨테이너선, 벌크선 등 다양한 선박들도 각각의 건조 기술력의 차이가 나는데요. 기본적인 선박 건조 관련 내용을 정리해보며 향후 대한민국 조선업을 응원합니다. Written by Error Edited by 이지호 unrealtech2021@gmail.com

2024. 10. 26.

로딩 중...