잠시만 기다려 주세요.
서타몽
2024. 1. 15.
해당 영상은 Spring boot - Mail, OAuth2.0를 활용하여 이메일 인증 및 SNS 로그인을 하는 방식에 대한 간단한 방식을 소개하고 있습니다. Spring boot 3 + Reactjs(ts) + MySQL 을 사용한 방식이며 아이디 중복체크, 이메일 인증, 이메인 인증 번호 확인, 회원가입, 로그인 API + OAuth2.0 활용 SNS 로그인을 진행합니다. 간단한 프론트엔드 구현과 데이터베이스 구현이 포함되어 있습니다. 기본적인 사용방법과 틀만 재공하기 때문에 학습시 응용하여 새로운 프로젝트를 만들어보시면 더 좋은 학습효과를 보실 수 있습니다. Instagram : seotar_mong ########## application.properties ########## # Kakao OAuth 설정 spring.security.oauth2.client.registration.kakao.client-id=클라이언트아이디 spring.security.oauth2.client.registration.kakao.client-secret=시크릿키 spring.security.oauth2.client.registration.kakao.redirect-uri={baseUrl}/oauth2/callback/{registrationId} spring.security.oauth2.client.registration.kakao.authorization-grant-type=authorization_code spring.security.oauth2.client.registration.kakao.client-authentication-method=client_secret_post spring.security.oauth2.client.registration.kakao.scope=profile_nickname # Kakao OAuth2 프로바이더 설정 spring.security.oauth2.client.provider.kakao.authorization-uri=https://kauth.kakao.com/oauth/authorize spring.security.oauth2.client.provider.kakao.token-uri=https://kauth.kakao.com/oauth/token spring.security.oauth2.client.provider.kakao.user-info-uri=https://kapi.kakao.com/v2/user/me spring.security.oauth2.client.provider.kakao.user-name-attribute=id # Naver OAuth 설정 spring.security.oauth2.client.registration.naver.client-id=클라이언트아이디 spring.security.oauth2.client.registration.naver.client-secret=시크릿키 spring.security.oauth2.client.registration.naver.redirect-uri={baseUrl}/oauth2/callback/{registrationId} spring.security.oauth2.client.registration.naver.authorization-grant-type=authorization_code spring.security.oauth2.client.registration.naver.scope=email # Naver OAuth2 프로바이더 설정 spring.security.oauth2.client.provider.naver.authorization-uri=https://nid.naver.com/oauth2.0/authorize spring.security.oauth2.client.provider.naver.token-uri=https://nid.naver.com/oauth2.0/token spring.security.oauth2.client.provider.naver.user-info-uri=https://openapi.naver.com/v1/nid/me spring.security.oauth2.client.provider.naver.user-name-attribute=response ########## application.properties ########## API 명세서 노션 링크 https://prickle-textbook-12d.notion.site/Rental-Housing-Price-Service-REST-API-2d636038734d453d98086a131b884670?pvs=4
규칙: 1. 슈퍼챗을 통해 들어온 질문을 우선적으로 대답합니다. (별풍선 뿅뿅~) 2. 질문주제는 크게 가리지 않으나 다음과 관련되는 질문의 대답을 거부할 수도 있습니다. a) 개인신상 b) 종교, 정치 등 민감한 문제 c) 그냥 위로받기 위한 인생상담 (제 진로상담 비디오 참고: https://www.youtube.com/watch?v=p7i1aOuEY2g)
2024. 10. 14.
Youtube Clone with Nextjs 14, tailwind css, typescript, shadcnUI, Youtube API. Features: Load Videos Channel Videos Play Videos Search Functionality Fully Responsive Shadcn UI for components Light and Dark theme SWR Hook Let's Connect 🚀🚀 LinkedIn: linkedin.com/in/laribright/ Email: itslaribright@gmail.com source code: https://github.com/laribright/yt-clone-yt Timestamps: 0:00 Intro - Demo 02:00 - New Project - Shadcn Setup 06:20 - Light and dark theme 14:21 - Top Navigation 39:10 - Side Navigation 51:57 - Footer 57:50 - Home Page (Data Fetching) 01:46:43 - Error boundary 01:52:00 - Loading Route 01:56:34 - Search badge component 02:04:25 - Fix broken links 02:07:10 - Video Watch page 03:08:00 - Channel Page 03:38:15 - Search Functionality 04:04:01 - Deployment #react #nextjs14 #typescript #shadcnui #tailwindcss
2023. 11. 29.
2024년 9월 6일부터 7일까지, SEF2024 팝업 행사가 성수동에서 열렸습니다! 많은 분들이 네이버 커넥트재단의 소프트웨어 교육 프로그램을 직접 체험하기 위해 방문해주셨어요🙌🏻 SEF2024 성수 팝업 현장에는 다양한 미션이 가득했는데요. 유아 코딩 앱 쥬니버스쿨 체험✨ 엔트리 블록코딩으로 포토카드 만들기📷 소프트웨어야 놀자로 인공지능 윤리 지식 배우기✍🏻 부스트코스 키워드 찾기⏳ 부스트캠프 개발자의 방에서 퀴즈풀기🙆 나만의 소원 폴더 만들기📁까지 모두를 위한 소프트웨어 교육을 제공하는 네이버 커넥트재단의 다양한 교육 프로그램을 쉽고 재미있게 체험할 수 있었어요! 미션을 완료하신 모든 분들께는 유용하고 귀여운 굿즈도 한아름 제공되었답니다🎁 영상에서 SEF2024 성수 팝업의 특별한 순간들을 만나보세요 #SEF2024 #SoftwareEduFest #네이버커넥트재단 #소프트웨어교육 #AI체험 #성수팝업
2024. 10. 10.
CustUp is a highly customizable JavaScript file upload library written in ES6 and TypeScript CustUp homepage: https://custup.pryxy.com CustUp on npm: https://www.npmjs.com/package/custup CustUp React on npm: https://www.npmjs.com/package/@custup/react CustUp GitHub repository: https://github.com/paulosabayomi/custup
2024. 3. 2.
I've got some incredible AI tools for you this week. First, we'll explore Google's NotebookLM and its incredible new features for summarizing YouTube videos and audio. Then, I'll show you how Notion's AI update is great and free. Plus, I'll reveal my own AI powered app, Comment Genie, designed to help YouTubers manage their channel interactions. ✨ Weekly AI Newsletter: https://mrc.fm/creatormagic 🧠 Google NotebookLM: https://mrc.fm/notebooklm 📝 Notion AI: https://mrc.fm/notionai 💬 Comment Genie: https://mrc.fm/cgbeta 0:00 Intro 0:14 Google NotebookLM Updates 3:54 Notebook LM AI Podcast Feature 4:48 Logan Kilpatrick NotebookLM API Tease 5:14 Notion AI Enhancements 7:52 Comment Genie: My Own App! 11:34 How to Get Comment Genie Beta 12:34 Outro
2024. 9. 27.
Learn how to seamlessly integrate React and Django in this comprehensive tutorial! We'll cover setting up both frameworks, building a full-stack application, and handling front-end and back-end communication. Perfect for developers looking to enhance their skills with two powerful technologies. Code: https://github.com/machadop1407/react-django-tutorial 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: pedro@pedrotech.co 🌟 Gear / Hardware I Use and Recommend 🌟 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💻 https://amzn.to/42kqFuM 💻 Monitor 🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse 📷 https://amzn.to/3OHJvbM 📷 My Camera 🎤 https://amzn.to/3oxSthj 🎤 My Microphone ⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone ⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background Tags: - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial #reactjs #django
2024. 7. 30.