์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Code And Create
2024. 10. 1.
#ReactJS #NextJS #TailwindCSS #FramerMotion In this video, we continue our 'Build a Portfolio Website Using Next.js, Tailwind CSS & Framer Motion' series by creating the stunning Skills section. Join us as we dive into adding animations, interactive effects, and responsive design to make your portfolio truly stand out. Watch till the end to learn all the tips and tricks for building a captivating Skills section! Check the Website online: https://personal-portfolio-developer.vercel.app/ Part 6 - https://youtu.be/Ki-FRIcm3jU ๐ Get Source Code: https://ko-fi.com/s/f38f991731 โ Download Assets: https://drive.google.com/drive/folders/1OYvB749EgbkU8_HtCwveat5uZq6WGnON?usp=sharing ๐ฏLearn How To Build a React Live Weather App: https://youtu.be/-mC7jS0EplM Watch This Next: https://youtu.be/Yu3xZdbtidg ๐ Thanks for watching! Make sure to like & Subscribe for more! ๐ #NextJS #TailwindCSS #FramerMotion #WebDevelopment #PortfolioWebsite #JavaScript #ReactJS #FrontendDevelopment #ResponsiveDesign #WebDesign #CodingTutorial #Developer #Programmer #BuildWithNextJS #LearnTailwindCSS #AnimationWithFramer
ํ๋ ธ๋ฐ ํํ์ด์ง https://www.teamnova.co.kr/ ๋ ธํํ์ฅ์ด๋ฉ์ผ manadra@naver.com ํ๋ ธ๋ฐ๊ณต์์ฐ๋ฝ์ฒ 010-7255-2316 ํ๋ ธ๋ฐ๊ฐ๋ฐ์๋ธ๋ก๊ทธ https://stickode.tistory.com/ ํ๋ ธ๋ฐ ์ฐ๊ตฌ https://teamnovatech.co.kr/ ํ๋ ธ๋ฐ์ ์ํํธ์จ์ด ๊ฐ๋ฐ ์๋ขฐ https://www.teamnova.co.kr/si/intro.html ํ๋ ธ๋ฐ ์นดํก ๋จํก๋ฐฉ ์ฝ๊ด๋์ํ ์ ์ฅ https://url.kr/yuvg49 ํ๋ ธ๋ฐ๊ธฐ์ ๋ธ๋ก๊ทธ https://www.teamnovatech.co.kr/home ์นดํ http://cafe.naver.com/teamnovaopen ๋ธ๋ก๊ทธ https://blog.naver.com/manadra ํ๋ ธ๋ฐ ๊ฐ๋ฐ์๋ธ๋ก๊ทธ http://teamnova0410-dev.tistory.com ํ๋ ธ๋ฐ ์ ํ๋ธ https://www.youtube.com/channel/UCQIEU_pBV2wkn-gHg7RPvdQ
2024. 8. 31.
------------------------------------------- [OJ TUBE ์ ๋ณด] โท ์ธํ๋ฐ ๊ฐ์ ๋งํฌ : https://inf.run/WAbM 15๋ง์ ํ ์ธ ์ฟ ํฐ : 15043-fa6e9a370f96 (์ฟ ํฐ๋ ๋ฐ๋์ ์์ผ๋ ์ต์ ์์์ ์ฐธ์กฐ ํด์ฃผ์ธ์.) โท ์๊ทผํ ๊ฐ๋ฐ์ ํฐ์ ์ธ ์ถ์! https://flatcode.shop โท ์๋ฒ ๋๋ ๊ฐ์ (๋ง๋ณด๊ธฐ) https://www.youtube.com/watch?v=8JebKNKx6G4&list=PLz--ENLG_8TMQ1HKzZKiRkaeL4jeSYVsx ๊ธฐ์กด์ ์๋น์คํ๋ ํด๋์ค์ ๋ 3๋ฌ ์๊ฐ๊ณผ, ์๊ตฌ ๊ตฌ๋งค๊ฐ ๊ฐ๋ฅํฉ๋๋ค โท ์๋ฒ ๋๋ ๊ฐ์ (ํด๋์ค์ 10%ํ ์ธ) https://me2.do/G6iscSrg 1. C์ธ์ด ๊ฐ์ (์๋ฃ) https://youtube.com/playlist?list=PLz--ENLG_8TMdMJIwyqDIpcEOysvNoonf 2. ๋งค์ฃผ ํ ์์ผ ์คํ 9์ ์๋ด ๋ฐฉ์ก ์งํ - ์ข ๋ฃ ์๊ฐ์ ๋งค์ฃผ ์ฑ ์ถ์ฒจ ๋ฐ ๋ฌด๋ฃ๋ฐฐ์ก. (ํ์์ ๋ค์๋ณด๊ธฐ) https://youtube.com/playlist?list=PLz--ENLG_8TMJgICZ4qSMGZmhpQcmzHT3 3. ๋งค์ฃผ ํ, ๊ธ ์คํ 8์ ์์ ์ ๋ก๋ 4. ์ค์ ์ด ์คํ ์ด (์๋ฒ ๋๋ ๊ต์ก ๋ฌผํ, ์์จ ๊ฐ์๋ฃ, ์์จ ํ์, ๋ฉด์ ํผ๋๋ฐฑ ์๋น์ค) https://smartstore.naver.com/oj-store -------------------------------------------
2024. 8. 10.
Build and Deploy a MERN Stack Admin Dashboard tutorial. For frontend, we will be using Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, we will be using Node JS, Express Js, Mongoose, and MongoDB. We will also go through how to Data Model using Entity Relationship Diagrams as well as making aggregate calls in MongoDB. Links: Node: https://nodejs.org/en/download/ NPX: https://www.npmjs.com/package/npx VSCode: https://code.visualstudio.com/download Nodemon: https://github.com/remy/nodemon Nivo: https://nivo.rocks/ Material UI: https://mui.com/material-ui/getting-started/installation/ Material UI Data Grid: https://mui.com/x/react-data-grid/ React Router: https://reactrouter.com/en/v6.3.0/getting-started/installation React Date Picker: https://reactdatepicker.com/#example-date-range Redux Toolkit: https://redux-toolkit.js.org/introduction/getting-started Redux Toolkit Query: https://redux-toolkit.js.org/rtk-query/overview Dotenv: https://github.com/motdotla/dotenv JsonWebToken: https://github.com/auth0/node-jsonwebtoken Google Fonts: https://fonts.google.com/ Render: https://render.com/ Railway: https://railway.app/ MongoDB: https://www.mongodb.com/ Mongoose: https://github.com/Automattic/mongoose MongoDB Aggregate: https://www.mongodb.com/docs/manual/reference/operator/aggregation-pipeline/ Code completed code: https://github.com/ed-roh/fullstack-admin theme file: https://github.com/ed-roh/fullstack-admin/blob/master/client/src/theme.js data file: https://github.com/ed-roh/fullstack-admin/blob/master/server/data/index.js image file: https://github.com/ed-roh/fullstack-admin/tree/master/client/src/assets lucid chart data model: https://lucid.app/lucidchart/81ff5432-cc50-4c41-a7b8-7258fec1e630/view lucid chart deployment: https://lucid.app/lucidchart/db1585d8-82c5-422f-9e9c-7d37c776378c/view?page=0_0&invitationId=inv_38fb3c44-89e2-4e9f-9041-054821d53688# โโโโโโโโโโโ 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 Complete React MERN Stack Admin Dashboard App 3:42 Backend Packages and Installations 5:27 Backend Configuration and Setup 12:12 MongoDB Installation and Setup 20:50 Frontend Installation and Packages 26:46 How to set up Colors and MUI Light and Dark Mode Themes with Redux Toolkit 40:32 Building a Navbar with MUI 1:01:37 Building a Sidebar with MUI 1:29:32 RTK Query and injecting mock data into MongoDB 2:09:00 ERD Diagram and Data Modeling 2:20:00 Products Page 3:02:41 Customers Page 3:23:26 Transactions Page 4:05:00 Geography Page 4:27:18 Overview Page 5:02:00 Daily Page 5:17:20 Monthly Page 5:22:39 Breakdown Page 5:37:15 Admin Page 5:48:03 Performance Page 6:09:21 Dashboard Page 6:44:05 Deployment on Render.com 6:57:57 Completed and Deployed MERN Stack Admin Dashboard
2022. 12. 5.
All Credits goes to Disney, Disney+ and Marvel Studio, MCU, YARN.CO and other owners whose clips are used in this video for educational and commentary purposes. Disclaimer: In accordance with Section 107 of the U.S. Copyright Act of 1976, fair use is permitted for purposes such as criticism, commentary, news reporting, teaching, scholarship, and research. Fair use is a legal doctrine that allows limited use of copyrighted material without requiring permission from the rights holders. Uses that are non-profit, educational, or personal in nature are generally considered to be in favor of fair use. We encourage you to like, comment, and share your thoughts to help us improve our work. Your feedback is valuable. Let me know if you need any further adjustments. #marvel #avengers #ironman #bollywood #hollywood #sony #salmankhan
2024. 10. 20.
In this video, with the topic of Build a Slider with One Line Of Javascript Code, I will share with everyone the analysis and creation of new logic to create sliders. From there create a slider with just a single line of Javascript code. ----- Hello everyone, I'm creating a lot of new projects every day and sharing them ๐, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it โ . #javascript #code #css ----- Theme VsCode I'm Using: https://youtu.be/DSxUlhIN2lk Featured video series React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz Design Slider - Carousel web: https://www.youtube.com/playlist?list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc E-Commerce Web Coding: https://www.youtube.com/playlist?list=PLe28tn1x4EIYlb9cvanZ97XQ5xoQpwcZD Design Parallax SCrolling Effect: https://www.youtube.com/watch?v=LlPQk6ajrnE&list=PLe28tn1x4EIbqW7C8iZ4vw7PonCHbw0Kd&pp=gAQBiAQB Web Applycation Code: https://www.youtube.com/playlist?list=PLe28tn1x4EIaNeqeXklFk2I4ZqjM1z5wh Javascript Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIb4_feu3SA-yFzmvzmyrIaU CSS Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM Many other impressive videos: https://www.youtube.com/@lundeveloper/videos Contact With me: Instagram: https://www.instagram.com/lundev.web Email: hohoang.dev@gmail.com Donate me: https://www.paypal.com/paypalme/lundevweb Thank you so much ๐ Here, I share all my knowledge about Developer and Web Design including languages โโsuch as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
2024. 10. 18.
๐ป Github: https://github.com/teddylee777/anthropic-quickstarts/tree/main/computer-use-demo ๐ฑ Anthropic ๋ธ๋ก๊ทธ ๊ธ: https://www.anthropic.com/news/3-5-models-and-computer-use โญ๏ธ ํจ์คํธ์บ ํผ์ค RAG ๋น๋ฒ๋ ธํธ [ํ ์ธ ์ด๋ฒคํธ 15%] โญ๏ธ ๐ ํ ์ธ์ฝ๋: PRDSAL241011_5 - ๊ฐ์๋งํฌ: https://bit.ly/3WJQjtf - ์ฟ ํฐ์ฝ๋ ์ฌ์ฉ๋ฐฉ๋ฒ: ๊ฐ์ ์๊ฐ์ ์ฒญ โ ์ฟ ํฐ ์ ํ ์ฐฝ์ ์ฟ ํฐ์ฝ๋ ์ ๋ ฅ โ ์ฟ ํฐ ๋ฑ๋ก ๐ ํ ๋๋ ธํธ ์ฝํ ์ธ ๋ก 100% ๋ฌด๋ฃ RAG ์ ๋ฌธํ๊ธฐ https://teddylee777.notion.site/YouTube-RAG-10a24f35d12980dc8478c750faa752a2?pvs=4 ๐ฅ ๊ทธ ๋ฐ์ ๋งํฌ ๋ชจ์ ๐ฅ https://linktr.ee/teddynote ๐ ๋ญ์ฒด์ธ ํํ ๋ฆฌ์ผ ๋ฌด๋ฃ ์ ์์ฑ (wikidocs) https://wikidocs.net/book/14314 โ ๋ญ์ฒด์ธ ํ๊ตญ์ด ํํ ๋ฆฌ์ผ ์ฝ๋์ ์ฅ์(GitHub) https://github.com/teddylee777/langchain-kr #claude #computer_use --- ๐ "ํ ๋๋ ธํธ์ RAG ๋น๋ฒ๋ ธํธ" ๋ญ์ฒด์ธ ๊ฐ์: https://fastcampus.co.kr/data_online_teddy ๐ ๋ญ์ฒด์ธ ํ๊ตญ์ด ํํ ๋ฆฌ์ผ(๋ฌด๋ฃ ์ ์์ฑ ): https://wikidocs.net/book/14314 ๐ ํ ๋๋ ธํธ(๊นํ ๋ธ๋ก๊ทธ) : https://teddylee777.github.io ๐ป GitHub ์์ค์ฝ๋ ์ ์ฅ์: https://github.com/teddylee777
2024. 10. 23.