잠시만 기다려 주세요.
[오제이 튜브]OJ Tube
2024. 9. 30.
리눅스 커널 강의는 늦어도 10월 11일에 인프런에서 오픈 합니다. OJ TUBE에서 진행된 강의들 ▷ 임베디드 유료 강의 (맛보기) https://www.youtube.com/watch?v=8JebKNKx6G4&list=PLz--ENLG_8TMQ1HKzZKiRkaeL4jeSYVsx ▷ 임베디드 인프런 강의 링크 : https://inf.run/WAbM 15만원 할인 쿠폰 : 15043-fa6e9a370f96 ▷ C언어 강의 (완료) https://youtube.com/playlist?list=PLz--ENLG_8TMdMJIwyqDIpcEOysvNoonf
Use code YOUTUBE to get an extra 20% off my full Cursor course here: https://www.jointakeoff.com/ SOCIALS Twitter: https://twitter.com/mckaywrigley Instagram: https://www.instagram.com/mckaywrigley TikTok: https://www.tiktok.com/@mckaywrigley Twitch: https://www.twitch.tv/mckaywrigley GitHub: https://github.com/mckaywrigley REPO LINK https://github.com/mckaywrigley/paul-graham-gpt OUTLINE 0:00 - Intro 3:52 - Setup 6:56 - Scrape Links 17:35 - Scrape Essays 34:38 - Chunk + Tokenize Essays 49:30 - Embeddings + Database 1:15:55 - API w/ Streaming 1:35:16 - UI 1:58:58 - Closing
2023. 3. 18.
Tutorial😇 to build a amazing static blog using Nextjs, Tailwind css and contentlayer that has great lighthouse score. Demo Link🖤: https://create-blog-with-nextjs.vercel.app/ ----------------------------------------------- Need Web Development or AI Solutions Services? 🚀 Let's bring your ideas to life! Contact Me From Here: https://tally.so/r/wdlj0N ----------------------------------------------- Contentlayer documentation link (Temporary): https://website-git-new-landing-page-schick.vercel.app/docs ----------------------------------------------------------------------------------------------------------- Starter CODE: ➡ Link 💚: https://github.com/codebucks27/Nextjs-contentlayer-blog Final CODE: ➡ Link 1💚(Give ⭐ to the repo): https://github.com/codebucks27/Nextjs-tailwindcss-blog-template ➡ Link 2💚(If you want to support the channel): https://codebucks.lemonsqueezy.com This link contains all the code which is used in the Video 🔴NOTE: At @06:55:15 we have created one file called ThemeScript.js, there is no need to do that instead just add id and strategy to the script that is in the layout.js file. ----------------------------------------------------------------------------------------------------------- Hey there 👋, In this comprehensive coding tutorial, you'll learn how to create a stunning static blog website with Next.js, Contentlayer, and Tailwind CSS. We'll cover everything from building a homepage, blog pages, category pages, an about page, and a contact page, to implementing powerful SEO strategies for higher Google rankings. Our blog features both dark and light themes, offering a minimal and elegant design that's fully responsive on mobile devices. Plus, you'll discover how to showcase your Markdown-based blogs easily on this website. For this project, we're going to use, ▶️ Next Js ▶️ Tailwind CSS for styling ▶️ Contentlayer to render Markdown blogs ▶️ Supabase to count and display blog page views ▶️ Lottie Animation ▶️ React hook form ▶️ Next Sitemap to create sitemap of the website ▶️ Google's structured json-ld schema for SEO Don't forget to watch the whole video, we're going to learn a lot of stuff like: ▶️ Setting up a Static Blog with Next.js ▶️ New Next.js App router ▶️ Designing a Beautiful Homepage ▶️ Creating Engaging Blog and Category Pages ▶️ Crafting an Informative About Page ▶️ Building an Interactive Contact Page ▶️ Implementing Powerful SEO Techniques ▶️ Adding Dark and Light Themes ▶️ Ensuring Mobile Responsiveness ▶️ Showcasing Markdown Blogs ▶️ Different methods to highlight code blocks and use themes Watch the full video to understand, so that you can easily build and customize your own website. Timestamps⌛: Intro + Demo @00:00:00 Setup and Installation @00:09:34 Tailwind CSS Setup, Dark Mode and project files @00:12:58 Adding Fonts @00:18:33 Navbar Component @00:26:20 Setup Contentlayer@00:45:55 How to render a Blog @01:07:55 Creating Home Cover Section @01:12:35 Featured Posts Component @01:33:40 Recent Posts Component @01:49:35 Footer Component @02:00:10 Blog Page @02:15:55 Creating TOC Component @03:01:30 Category Page @03:20:15 About page @03:44:55 Contact page @03:57:50 Insights Component @04:13:35 Store blog views using Supabase @04:23:05 Adding SEO @04:48:40 Adding Dark Mode @05:18:00 Making it Responsive @05:30:00 Adding Sitemap @06:38:48 Image Optimization @06:42:36 Adding Favicon and manifest file @06:48:32 Adding google's structured json-ld for SEO @07:01:35 𝗙𝗼𝗹𝗹𝗼𝘄 𝗺𝗲 𝗼𝗻 👇 𝘄𝗵𝗲𝗿𝗲 𝗜'𝗺 𝘀𝗵𝗮𝗿𝗶𝗻𝗴 𝗹𝗼𝘁'𝘀 𝗼𝗳 𝘂𝘀𝗲𝗳𝘂𝗹 𝗿𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀! Twitter🐤 : https://twitter.com/code_bucks LinkedIn 🔗: https://www.linkedin.com/in/codebucks/ Instagram 📫: https://www.instagram.com/code.bucks Email 📧: codebucks27@gmail.com In upcoming videos, I'm going to create lots of cool stuff with JavaScript and React so make sure to subscribe. Like, Sub🥂 & Share! ♥ Learn More About, 🔥How to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟 https://youtu.be/Yw7yWHigGKI 🔥⭐Build Feature Rich Crypto Screener App with Tailwind CSS https://youtu.be/JPlVb3t6kx8 🔥Build awesome 3D landing page for Apple iPhone using ReactJS + ThreeJS + GSAP https://youtu.be/cT160dOzpGY 🔥Build a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ] https://youtu.be/Ra1Fsa9YJCk 🔥Build a Stunning Portfolio Website with React JS [ Framer-motion + Styled-components ] https://youtu.be/jcohAIaSy2M If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below. Thank You for watching! 😉 Where else you can find me: Twitter🐤 : https://twitter.com/code_bucks LinkedIn 🔗: https://www.linkedin.com/in/codebucks/ Instagram 📫: https://www.instagram.com/code.bucks Email 📧: codebucks27@gmail.com Disclaimer: All videos are for educational purposes only, please use them wisely. #nextjs #tailwindcss #blogwebsite
2023. 9. 4.
대규모 트래픽 + 성능을 위한 Performance SW 아키텍처 패턴 | 스터디 리뷰 ep3 Map Reduce Pattern Saga Pattern Transactional Outbox Pattern Materialized View Pattern CQRS Pattern Event Sourcing Pattern ✏️ 개발자 취업 전략 시크릿 - 7CODE : https://inf.run/g8H15 ✏️ GPT 회고록 서비스 : https://inf.run/2JkLd rewrite by GPT 🖥️ "Map Reduce Pattern"은 대용량 데이터 처리에서의 효과적인 패턴 중 하나에요. 대용량 데이터를 처리할 때의 일반적인 문제점은 데이터를 여러 머신에 분산하여 처리해야 한다는 점이에요. 이 패턴은 데이터 병렬화, 데이터 분산 배포, 결과 추합, 실행 예약, 실패 처리, 복구 문제, 그리고 많은 처리 소스 코드 및 인프라 구성에 대한 문제들을 해결하기 위한 것이에요. MapReduce 패턴을 사용하면 아키텍처를 변경하지 않고도 대량의 데이터를 효율적으로 처리할 수 있는 시스템을 구성할 수 있어요. 머신러닝, 로그 파일 필터 및 분석, 역색인 구성, 웹링크 그래프 순회, 분산 정렬과 같은 여러 분야에서 MapReduce 패턴을 사용할 수 있어요. MapReduce의 기본 구조는 입력 데이터를 key-value 쌍으로 구성된 데이터로 받아서 Map 함수를 통과하면 중간에 key-value 쌍이 생성되고, 그 후 Reduce 함수에서 이를 grouping하고 최종 데이터를 출력하는 방식으로 동작해요. 아키텍처 구조는 크게 마스터 노드, 맵 워커, 리듀스 워커 세 가지로 구성돼 있어요. 마스터 노드는 전체 작업을 예약하고 컨트롤하며, 맵 워커와 리듀스 워커에게 작업을 할당합니다. 각각의 워커들은 Map 함수 또는 Reduce 함수를 실행하고 결과를 마스터 노드에 보고합니다. MapReduce 패턴은 동일한 소프트웨어 아키텍처를 재사용할 수 있고, 작업을 병렬로 분배하여 확장 가능하며, 대용량 데이터를 짧은 시간 내에 처리할 수 있는 장점이 있어요. 실패 및 복구 전략도 마련돼 있어 안정적으로 사용할 수 있어요. "Saga Pattern"은 마이크로서비스 아키텍처에서 분산 환경에서의 데이터 일관성을 유지하기 위한 패턴 중 하나에요. MSA의 중요한 원칙 중 하나는 하나의 마이크로서비스당 하나의 데이터베이스여야 한다는데, 이로 인해 데이터 일관성이 도전적인 문제가 될 수 있어요. Saga 패턴은 여러 로컬 트랜잭션을 통해 전체 작업을 수행하고, 실패 시 롤백 작업을 수행하여 ACID를 유지합니다. 이 패턴은 오케스트레이터 패턴과 코레오그래피 패턴으로 구현될 수 있어요. 마이크로서비스 간의 통신을 효과적으로 관리하고 데이터 일관성을 유지할 수 있게 도와줍니다. 마지막으로, "Transactional Outbox Pattern"은 ACID 특성이 보장되지 않는 비동기 이벤트 처리에 대한 패턴 중 하나에요. 특히, 이벤트의 순서가 중요한 경우나 atomic transaction이 지원되지 않는 환경에서 사용됩니다. 이 패턴은 메시지를 레코드로 DB에 기록하고 관찰하는 서비스에서 메시지를 보내는 방식으로 원자성을 유지합니다. 이러한 패턴들은 각각의 상황에 따라 선택되어야 하며, 시스템의 특성과 요구사항에 따라 적절한 패턴을 적용하는 것이 중요합니다.
2023. 12. 12.
Let’s join together to help cure childhood cancer! https://codinginpublic.dev/fundraiser/ You could win some amazing prizes from Warp, Wallaby, CloudCannon, Dracula, GitTower, and my Learn Astro course! 🌐 Connect With Me 🌐 - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington0
2024. 9. 21.
Get Docker Desktop here: https://dockr.ly/4dkjx8a (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. NEW - React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord where I actively participate 👉 Kinde: check out Kinde for auth and more https://bit.ly/3QOe1Bh ⏱️ Timestamps: 00:00 Intro 01:13 Quick example of Dockerizing Next.js for local development 01:31 docker init 03:04 Docker compose watch (hot reload!) 03:55 Docker Scout 04:54 Postgres development setup (with Docker) 06:39 Prisma setup 11:53 Docker debug 13:05 Production environment 13:29 Vercel setup 18:54 Database migrations 22:45 Docker + Next.js + Postgres final overview #webdevelopment #reactjs #nextjs #docker
2024. 5. 9.
🙋♂️ 도움이 필요하시거나 궁금한 점을 질문하고 싶을 땐 ? ✔️ https://open.kakao.com/o/gegroCTe ✔️ 취준생 & 현업 개발자 오픈채팅방 📙 프로그래밍 과외, 온라인 강의, 컨설팅 📙 ✔️ https://linktr.ee/jscode
2024. 8. 13.