잠시만 기다려 주세요.
webdecoded
2024. 6. 6.
✍️Full-Stack Roadmap: https://webdecoded.gumroad.com/l/full-stack ✉️Check out DevForm: https://devform.vercel.app/ 🛤️Host your DB on Railway: https://railway.app?referralCode=rHmMH3 🐝Start your newsletter with Beehiiv: https://www.beehiiv.com/?via=judy 📚Quiz AI Application: https://www.youtube.com/watch?v=Oyd7pND0RYE 🗒️ AI Form Builder: https://www.youtube.com/watch?v=zzWypOl4JkY 👾Join my Discord: https://discord.gg/VGTVNvwReW ☕Support the channel: https://buymeacoffee.com/webdecoded5 🙆♂️ Order your own Memoji https://webdecoded.gumroad.com/l/weooa I am affiliated, but not sponsored. This means I might make money when you purchase paid services through the links provided and I might be able to offer discounts when available.
이 영상에 사용된 소스와 방법은 Emily Bache의 영상에 소개된 방법과 소스를 사용했습니다. Emily Bache 영상: https://www.youtube.com/watch?v=IvFX8Ivit1k Emily Bache 소스 코드: https://github.com/emilybache/Parrot-Refactoring-Kata
2024. 2. 8.
In this tutorial, we are going to build an Instagram clone using Next.js 15, Tailwind CSS, React, and the Pinata API for file uploads. This project is perfect for those looking to create a feature-rich social media application that includes image sharing, user authentication, and real-time interactions. We will cover setting up the Next.js environment, creating a responsive UI with Tailwind CSS, integrating with the Pinata API to handle image uploads, and implementing user profiles and feeds. By the end of this tutorial, you’ll have a solid understanding of full-stack development with Next.js, and the tools to create your own social media platform! Source code: https://github.com/dejwid/instagram-clone Pinata: https://rebrand.ly/PinataDawid Timestamps: 00:00:00 - Intro 00:12:43 - Authentication 00:28:53 - Profile page 01:07:15 - Settings page 02:00:48 - File upload (avatars) 02:27:47 - Mobile navigation 02:42:44 - Mobile navigation extras 03:07:44 - Desktop navigation 03:26:57 - Create post page 03:52:10 - Single post page + comments 04:48:33 - Likes/hearts 05:12:50 - Single post modal 06:08:24 - Search page 06:41:44 - User page 07:17:14 - Home page 08:04:29 - Browse page 08:14:04 - Preloaders, bugs, extras 08:35:25 - Bookmark button 09:01:30 - Dark mode
2024. 10. 27.
Check out the full video on our channel @deno_land
2024. 10. 10.
”2번째 사과폰“을 볼 때, 나도 모르게 핑크색 사과폰을 쳐다봤다면..? 😮 차라리 -1번째라고 해주지..(?!) 라고 생각했다면?😳 선생님은 심각한 코딩 중독증세를 앓고 계시군요!🥸 근데 그거 아세요..? 42클러스터에선 0부터 세는 친구들이 아주 많다는 사실! 😎 정말 그런지 궁금하다면 라피신 신청부터 꾹 눌러보자구요! 코딩에 푹 빠진 동료들이 필요하다면 #이노베이션아카데미 #42서울 #42SEOUL #개발 #개발자 #SW개발자 #소프트웨어개발자 #코딩 #코딩교육 #개발자밈 #개발자툰 #개발자릴스 #개발공부 #동료학습 🎵music 곡정보 : 김재영 - FOAL 출처및저작권표시 - 공유마당, CC BY 링크: https://gongu.copyright.or.kr/gongu/w… 𝑴𝒖𝒔𝒊𝒄 𝑷𝒍𝒂𝒚𝒍𝒊𝒔𝒕 : • [무료브금]🎧 귀여운🐇브금모음 저작권 무료브금 공유마당 [ No C… ※ 이 콘텐츠는 42서울 앰배서더 '사이사이' 3기 이수린 님(@surlee)이 제작한 콘텐츠입니다
2024. 10. 22.
누구보다 트렌드를 빠르게 읽고 있는 박경흠 PD님! PD라서 알고 있는 가장 최근의 AI 영상 제작 트렌드와 지금 바로 써먹을 수 있는 생성형 AI의 활용 방법이 궁금하다면 강연을 들어보세요! 🕦타임라인🕦 0:00 Intro 05:10 영상 제작자가 SORA를 보고 보인 찐반응 14:50 SORA에 존망을 위협받을 시장 17:50 SORA의 한계 26:40 Q&A 26:55 미디어 종사자로서 익혀두면 좋은 AI 툴 예시 28:00 기존의 스톡이미지를 학습시켜 얻은 AI 영상의 저작권은? 29:18 AI 관련 인사이트를 주로 어디서 얻는지 궁금합니다. 📑 박경흠 연사의 발표 자료 다운받기 https://bit.ly/sef2024PghSlides ------ ✨SEF채널 바로가기✨ SEF2024 홈페이지 - https://sef.connect.or.kr/2024 SEF 인스타그램 - https://www.instagram.com/naver_connect_sef/ SEF X(구 트위터) - https://x.com/naverconnectsef SEF2024 문의하기 - sef@connect.or.kr #네이버커넥트재단 #SEF2024 #소프트웨어교육페스티벌 #박경흠 #오목교전자상가
2024. 9. 19.
Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: https://next-js-creative-portfolio-website.vercel.app/ 💻 Starter Code: https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files 💻 Final Code: https://github.com/codebucks27/Next.js-Creative-Portfolio-Website ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
2024. 10. 3.