잠시만 기다려 주세요.
잡상훈
2024. 8. 13.
🏆 멤버십 가입 감사합니다! 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/
Create a autocomplete input dropdown with HTML, CSS and JavaScript. Join the community on Discord: https://discord.gg/cWqA6hPr
2021. 8. 26.
▶ Source code https://github.com/craftzdog/vlog-translator ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Majextand review https://uses.craftz.dog/posts/majextand ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=UNGi144eVbI Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog 00:00 Intro 01:02 Project description 04:18 Create a new Next.js project with Stitches 07:23 Prepare using OpenAl 08:38 Learn how to write Python with ChatGPT 11:49 Transcribe the audio with the transcription API 14:46 Try invoking the completion API 17:35 Get input data from stdin 19:26 Load and parse SRT data 21:36 Translate each subtitle 24:00 Check out Radix UI and Stitches 25:26 Prepare building the UI 26:29 Create a form to specify a video URL 31:22 Implement event handling 33:13 Create a component to render the command outputs 36:40 Add tabs 42:02 Add an API routing 42:47 Implement an audio download API 48:09 Implement a transcription API 50:17 Implement a translation API 53:22 Connect the components with states 55:42 Extract a video ID from the YouTube URL 57:39 Progressively update the output by a callback function 01:00:12 Fix scroll overflow issue 01:00:55 Invoke the audio download API 01:04:50 Invoke the transcription API 01:07:28 Fix the transcription prompt not working 01:07:51 Invoke the translation API 01:10:42 Finish it up 01:10:56 Demo #OpenAI #CodeWithMe #ASMR
2023. 4. 10.
flutter widget
2024. 10. 24.
2024. 7. 16.
👉 Sign up for Kinde: https://bit.ly/3QOe1Bh (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 ⏱️ Timestamps: 00:00 Intro 00:08 What is a "tenant"? 00:20 What is "single-tenancy"? 01:23 What is "multi-tenancy"? 02:30 Platform example of multi-tenancy 04:20 Multi-tenancy cont. 05:47 Data isolation structure option #1 07:58 Data isolation structure option #2 08:50 Data isolation structure option #3 09:12 Multi-tenancy in example B2B SaaS 11:00 Add authentication + organizations 17:09 Data Access Layer (DAL) 18:33 Roles & Permissions #webdevelopment #reactjs #nextjs
2024. 8. 8.
There has been two main Frameworks, Remix and NextJS. For nearly four years, Remix has been a fullstack framework built on web standards, helping developers build better websites and applications. At React Conf 2024, the Remix team announced that Remix will be sunsetted and its features integrated into React Router v7. In this video, we'll explore why this change makes sense and what it means for the React ecosystem. Announcement Post: https://remix.run/blog/merging-remix-and-react-router React Conf 2024 (1hr 32mins in): https://youtu.be/T8TZQ6k4SLE?start=5552 ------- 🐦 Twitter (X): https://jollycod.ing/x 🤓 Personal Site: https://jollycod.ing/me 💻 GitHub: https://jollycod.ing/git JollyUI: https://jollycod.ing/ui Where I Work: https://jollycod.ing/work Chapters: Intro: 00:00 Announcement: 00:28 My Thoughts: 11:39
2024. 5. 15.