잠시만 기다려 주세요.
전북대학교 최규빈 교수
2024. 10. 17.
Built with the latest Next.js and TypeScript, LinguaSpeak is an advanced voice translation tool. It allows users to speak into the microphone, translate the spoken text to another language, and playback the translation. This project is perfect for those looking to learn how to integrate speech recognition and translation APIs into a Next.js application. ⭐ Preline: https://preline.co/docs/index.html ⭐ TailwindCSS: https://tailwindcss.com/ ⭐ Tabler Icons: https://tabler.io/icons ⭐ Aceternity UI: https://shorturl.at/3p5Dp 📚 Materials/References: GitHub Repo (give it a star ⭐): https://github.com/mendsalbert/lingua-speak README (assets & code): https://github.com/mendsalbert/lingua-speak ❤️ BuyMeACoffe : https://www.buymeacoffee.com/mendalbert 👋 Social Media: https://twitter.com/mendsalbert https://www.instagram.com/mendsalbert_ https://linkedin.com/in/mends-albert Subscribe or your gradient Vanishes ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗ ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣ ╠╗║╚╝║║╠╗║╚╣║║║║║═╣ ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝ 💼 Business Inquiries: mendsalbert@gmail.com Timestamps 00:00:00 - Intro + demo 00:01:21 - project setup 00:06:03 - background + Title section 00:18:43 - textarea section 00:34:09 - speech recognition component + TextArea Icons 01:07:48 - useTranslate Hook 01:19:30 - utils function 01:20:00 - putting it all together 01:30:57 - environmental variable bug +fixes 01:36:09 - finishing up 01:42:41 - testing 01:44:15 - hosting + conclusion 👨🏽💻 Tools and Tech Stack React JS, NextJs, TailwindCSS,Typescript, Preline, Openai API, Tabler Icons, Javascript, AI.
2024. 7. 5.
🏆 멤버십 가입 감사합니다! seongjun Min님, jmin님, 김민준님, 온상온상님, For my something님, jun님, kan58dan님, 홍준혁님, 도건호님, kenny님, Jason님, orange007님, Toots Kim님, Economic님, Charles Gardes님, 나비는바다겡서님, Yechan Kim님 😆 너러블 놀러가기 https://www.nullable.cc/ 🔥 잡상훈 채널에 가입하여 혜택을 누려보세요. https://www.youtube.com/channel/UCSQRF8yIhSMVRXhIqLxQnsw/join 📕 출간서적 《쉽게 설명한 자바스크립트》 보러가기 예스24: https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=344435187 교보문고: https://product.kyobobook.co.kr/detail/S000213996137 알라딘: https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=344435187 📕 출간서적 《UX 디자인의 모든 것》 보러 가기 교보문고 https://product.kyobobook.co.kr/detail/S000001842178 예스24 https://www.yes24.com/Product/Goods/99397396 알라딘 https://www.aladin.co.kr/m/mproduct.aspx?ItemId=269572938 📩 비즈니스 문의 : joshephan0204@gmail.com 🌎 널엔터프라이즈: https://nullenterprise.com 🏝️ 플렉스웹: https://flexweb.io/ 🏠 블로그: https://hansanghoon.com/
2024. 8. 13.
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes In this video, we'll look at nested serializers in Django REST Framework, for returning nested, relational data in JSON format. We'll see how to nest serializers, as well as other formats for serializer relations - including returning primary keys and hyperlinks for related objects. We'll also cover the SerializerMethodField in this video - which is useful for returning data based on an instance, but modified in some way. Starter Code: https://github.com/bugbytes-io/drf-course-api 📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 Intro 00:24 api_view() decorator in REST Framework 01:09 Nested Serializers in Django REST Framework 09:39 Representing Foreign Keys in API output 13:15 SerializerMethodField in Django REST Framework 19:04 Further nested relationships 23:10 Adding model properties to serializers 24:39 Overview of Serializer Relations 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 Blog: https://bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/drf-course-api 🐦 Twitter: https://twitter.com/bugbytesio 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: Starter Code: https://github.com/bugbytes-io/drf-course-api Serializers: https://www.django-rest-framework.org/api-guide/serializers/ Serializer Relations: https://www.django-rest-framework.org/api-guide/relations/ SerializerMethodField: https://www.django-rest-framework.org/api-guide/fields/#serializermethodfield #python #django #webdevelopment #djangorestframework
2024. 10. 4.
여러분은 따라하지 마세요 ㅋㅋㅋ #프로그래밍 #개발자 #개발자유머 #UI #노마드코더 - 📌 니꼬쌤이랑 재밌게 코딩 시작하기! https://bit.ly/3nvMlWi
2024. 8. 31.
Trigger.dev is an open source background jobs platform. Try it out here: https://tgr.dev/PF8BKgj In this video I take you through how to use it. In the next video I'll take a deep dive into the code behind Trigger. More videos about Open Source: https://www.youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO Give Inbox Zero a star on GitHub: https://github.com/elie222/inbox-zero Hire a top freelance developer, fast: https://skilled.co.il Twitter: https://twitter.com/elie2222 Newsletter: https://opensource.beehiiv.com/ Discord: https://discord.gg/RWwKa2Sn7h Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r #developertools #triggerdev #triggerdotdev #nextjs #backgroundworker #queues
2024. 9. 9.
🚨 STOP Using Auth in Next.js Layouts. By checking auth, you are retrieving cookies. If you do this in a Next.js layout, you make every route the layout applies to dynamic. In this short, I show a better way. The regex string from my Next.js middleware: "/((?!api|_next/static|_next/image|favicon.ico|robots.txt|$).*)" 💖 Support me on Patreon ➜ https://patreon.com/davegray 👉 Checkout the Kinde Next.js docs: https://docs.kinde.com/developer-tools/sdks/backend/nextjs-sdk/ 💻 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap 🚀 Discord ➜ https://discord.gg/neKghyefqh 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray X: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Blog: https://www.davegray.codes/
2024. 6. 4.