잠시만 기다려 주세요.
김정환
2024. 3. 23.
HTTP 쿠키 | 김정환 블로그: https://jeonghwan-kim.github.io/2024/03/04/http-cookie #cookie #http #webdevelopment #web #javascript 목차 00:00 세션 쿠키 00:57 영속적인 쿠키 03:36 결론
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/projects/auth-masterclass Auth.js: https://authjs.dev/ Middleware config: https://dub.sh/Apr6dvD Resend: https://resend.com/ Node.js: https://nodejs.org/en ShadcnUI: https://ui.shadcn.com/ Clerk: https://dub.sh/SdVFxFU Learn how to add advanced authentication to your NextJS App. Key Features: - 🔐 Next-auth v5 (Auth.js) - 🚀 Next.js 14 with server actions - 🔑 Credentials Provider - 🌐 OAuth Provider (Social login with Google & GitHub) - 🔒 Forgot password functionality - ✉️ Email verification - 📱 Two factor verification (2FA) - 👥 User roles (Admin & User) - 🔓 Login component (Opens in redirect or modal) - 📝 Register component - 🤔 Forgot password component - ✅ Verification component - ⚠️ Error component - 🔘 Login button - 🚪 Logout button - 🚧 Role Gate - 🔍 Exploring next.js middleware - 📈 Extending & Exploring next-auth session - 🔄 Exploring next-auth callbacks - 👤 useCurrentUser hook - 🛂 useRole hook - 🧑 currentUser utility - 👮 currentRole utility - 🖥️ Example with server component - 💻 Example with client component - 👑 Render content for admins using RoleGate component - 🛡️ Protect API Routes for admins only - 🔐 Protect Server Actions for admins only - 📧 Change email with new verification in Settings page - 🔑 Change password with old password confirmation in Settings page - 🔔 Enable/disable two-factor auth in Settings page - 🔄 Change user role in Settings page (for development purposes only) Timestamps 00:00 Intro & Demo 02:05 Project setup 15:19 Routing crash course 38:06 Home page 48:40 Card wrapper 01:04:51 Login form 01:23:08 Register form 01:40:16 Database & Prisma setup 01:57:14 Create user 02:06:30 Middleware & Login 02:50:52 Callbacks 03:20:34 OAuth (Google & Github) 03:47:58 Resend (Sending emails) 04:19:27 Email verification 04:48:12 Reset password email 05:08:11 Reset password form 05:22:48 Two factor authentication 05:55:28 User button 06:15:02 Server & Client example 06:30:06 Admin example 06:47:25 Settings page 07:33:09 Sponsor demo 07:38:14 Deployment
2023. 12. 31.
이번 영상에서는 VS Code (Visual Studio Code)를 설치해보고 파이썬 코드를 작성하고 작성한 코드를 실행까지 해보겠습니다. 📂 활용 링크 : Visual Studio Code 공식 홈페이지: https://code.visualstudio.com/ ⌚타임라인: 00:00 - VS Code 소개 및 설치 02:30 - VS Code에서 폴더 열어보기 04:33 - 파이썬 코드 실행해보기 (터미널 활용) 06:01 - 익스텐션 (Extensions) 소개 #visualstudiocode #vscode #파이썬입문
2024. 7. 27.
Decrease your Next.js Docker image size from nearly two gigabytes to 135 MB. Docker image size is important as we are regularly using push and pull commands. If the image size is small, we can push and pull faster which means a faster pipeline! If you need more details for step three, you can check the official Next.js documentation: https://nextjs.org/docs/app/api-reference/next-config-js/output If you prefer reading rather than listening, check my article: https://www.temiz.dev/articles/how-to-reduce-nextjs-docker-image-size If you like the video, please subscribe as many more videos will come in the future. 0:00 Intro 0:10 Initial Image 1:16 Step 1: Use a smaller base image 1:53 Step 2: Multi-stage builds 3:42 Step 3: Next.js output configuration
2024. 7. 6.
지난 영상 "#8 자바 Interface 개념 설명 | 자바 추상화의 끝판왕" 을 소스를 이용해 만들어 봅니다. Time Line --------------------------------------------------------- 00:50 지난 개념 영상 리뷰 01:25 각 Class 별 메소드 생성 02:40 fish package 생성 , Class 생성 Fish, GoldFish, FlagFish 06:50 다중상속이 안되는 상황 07:50 interface 생성하기 09:20 interface 구현 implements / 메소드 Override 12:25 테스트 Sample 생성하기 15:00 interface 생성 , 다중상속(사용) 설명을 위한 15:55 interface 다중사용 구현하기 #java #interfaces
2024. 1. 3.
📔 강의 범위: 9장 pinia로 상태 관리하기 ⏳ 타임라인 ⏳ 00:00 9.1 ~ 9.3 pinia로 상태 관리하기 14:55 9.2 pinia를 사용해 장바구니 앱 만들기 🚧 본 강의는 [코딩 자율학습 Vue.js, 프런트엔드 개발 입문] 도서의 무료 강의입니다. 동영상의 내용은 책과 밀접하게 관련이 있어서 책 없이 보면 이해가 안될 수도 있습니다. 반드시 책과 함께 보는 것을 권장합니다. 🚧 [📖코딩자율학습 Vue.js 프런트엔드 개발 입문📖]은 온라인 서점에서 절찬 판매중입니다. 😉 🚀 Yes24: http://gilbut.co/c/24059327pS 🚀 교보문고: http://gilbut.co/c/24052540pO 🚀 알라딘: http://gilbut.co/c/24054695wl ------- 📎 예제소스 : https://github.com/gilbutITbook/080384 ------- ----- * 책을 보면서 궁금한 점이나 문의사항은 아래의 방법으로 문의할 수 있습니다. 1. [길벗 홈페이지 → 고객센터 → 1:1 문의] 2. 저자 이메일(sucoding@naver.com) 3. 수코딩 유튜브 무료 강의 영상 댓글 ---- #코딩자율학습 #vue #vuejs
2024. 7. 14.
▶CS지식의 정석 https://inf.run/17Fb ▶C++ 10주완성 코딩테스트 https://inf.run/xZhA
2024. 8. 24.