μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
ByteGrad
2024. 5. 9.
Get Docker Desktop here: https://dockr.ly/4dkjx8a (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 where I actively participate π Kinde: check out Kinde for auth and more https://bit.ly/3QOe1Bh β±οΈ Timestamps: 00:00 Intro 01:13 Quick example of Dockerizing Next.js for local development 01:31 docker init 03:04 Docker compose watch (hot reload!) 03:55 Docker Scout 04:54 Postgres development setup (with Docker) 06:39 Prisma setup 11:53 Docker debug 13:05 Production environment 13:29 Vercel setup 18:54 Database migrations 22:45 Docker + Next.js + Postgres final overview #webdevelopment #reactjs #nextjs #docker
2022-11-24 μ§νν Elastic νκ΅ μ¬μ©μ λ°μ λ°ν μμμ λλ€. - μ€νλ - κΉμ’ λ―Ό (Elastic) - Superb AI μκ° - μ νμ§ (Superb AI) - Elasticsearch κΈ°λ° λ³΅ν© κ²μ API μλ² κ΅¬μΆκΈ°- μ μ©ν (Superb AI) - Elasticsearch as a Powerful and an Flexible Analytics Engine - μλ¬Έμ (Superb AI) - λ§λ¬΄λ¦¬ - κΉμ’ λ―Ό (Elastic)
2022. 11. 29.
Today I will show you how to build the perfect table in React with Typescript and tanstack/tables Beautifully styled with shadcn and tailwindcss, also featuring a dark mode toggle :) -- Resouces -- Project Demo: https://shadcn-table.vercel.app/people Project Code: https://github.com/Elliott-Chong/shadcn-table-yt My GitHub: https://github.com/Elliott-Chong Shadcn UI: https://ui.shadcn.com/ -- Connect With Me π₯π -- GitHub: https://github.com/elliott-chong Instagram: https://instagram.com/elliottchong_ Website: https://elliottchong.tech Email: elliottchong16@gmail.com -- Chapters -- 0:00 Intro & Demo 3:08 Generate Mock Data 4:36 Setup Nextjs Project 6:10 Install shadcn 9:10 Import Mock Data 11:20 Setup Table Component 14:00 File Structure 15:50 Column Definitions 19:20 Create Data Table 32:25 Custom Cell Formatting 36:30 Actions Menu Column 42:20 Pagination 45:36 Sorting Functionality 50:31 Filter by First Name 55:00 Column Visibility 1:00:00 Column Selection 1:07:45 Styling 1:09:08 Dark Mode Toggle 1:13:06 Add Custom Colour Theme 1:14:00 Export To Excel 1:19:55 Outro :)
2023. 8. 12.
#git #github #gitlab #bitbucket ⢠ꡬν΄μ€ SW βΆμ νλΈ μ±ν° κΈ°λ₯μΌλ‘ 보기 (λͺ©μ°¨) 00:00 κ°μ μ€λͺ 00:32 κΉμ λκ° μ λ§λ€μλ? 01:56 κΉ νΈμ€ν μΉμλΉμ€ 02:44 GitHub vs GitLab vs Bitbucket βΆκ²μ€νΈ: μ€μ±μ΄ λν / λλ¦Όνλ‘μ° βΆνΈμ€νΈ: κ³ μ°μ± PD / ν ν¬μμ΄ν° βΆνμμ : https://youtube.com/live/GFCXMVKv-K4?feature=share βΆμ€μ±μ΄ λν SW κ΅μ‘ κ³Όμ : https://bit.ly/test_automation_edu_page βΆλ¬Έμ λ©μΌ : sy.yun@dream-flow.com ITμ λ¬Έλ°©μ‘ ν ν¬μμ΄ν°μμλ λ§€μΌ ν ν¬λΆμΌ μ λ¬Έκ°μ μλ°©μ‘ μ¨λΉλκ° μ§νλ©λλ€. λꡬλ μ§ λ¬΄λ£λ‘ μ°Έμ¬νμ€ μ μμΌλ©°, λ¨κ²¨μ£Όμ μ§μμ λν μ λ¬Έκ°μ μ€μκ° μλ΅μ κ²½ννμ€ μ μμ΅λλ€. 2006λ λΆν° 2,000νμ΄μ μ§νλ λ€μν μ¨λΉλλ₯Ό ν΅ν΄ κ΅λ΄μΈ μ΅μ IT κΈ°μ μ νμΈνμΈμ. βΆ ν ν¬μμ΄ν° μ¨λΉλ μ°Έμ¬ λ° μλ£ λ€μ΄λ‘λ : https://talkit.tv [ν ν¬μμ΄ν° IT μ¨λΉλ λλ μ½ν μΈ λ§μΌν λ¬Έμ] : talkit@talkit.tv, 02-565-0012
2024. 8. 29.
μ§λ 3κ°μ λμμ μΌλΆ μ§μμ νλ©΄ μ¨λκ° κ΄μΈ‘ μ΄λ μ΅λ κ°μκ° λ°κ²¬λλλ° κ·Έ μ΄μ λ₯Ό κ³Όνμλ€μ΄ λͺ νν λΆμνμ§ λͺ»νκ³ μμ΅λλ€. κΈ°νμκΈ°μ μλλ¨, λΌλλμ λ°λ³΅ μμμ μλλκ³Ό ν΄μ/μ§κ΅¬ κΈ°ν μμ€ν μ μκΈ°λ₯Ό λ Όνκ³ μλ μν©μμ, μ§κ΅¬ μ¨λνμλ λ°λλ‘ μλκΈμΌλ‘ μ¨λκ° λ¨μ΄μ§κ³ μλ ν μν©μ΄ λμμ ν΄λ₯ μμ€ν μ μμ ν λ§κ°λ¨λ¦΄ μ μλ€λ μ΄μΌκΈ°κΉμ§ λμ€λλ°μ. κ·Έ κ°λ₯μ±κ³Ό μΈλ₯μκ² μν₯μ μ£Όλ κ²μ΄ 무μμΈμ§ μ 리ν΄λ³΄μμ΅λλ€. #λμμ #κΈ°νμκΈ° #μ§κ΅¬μ¨λν Written by Error Edited by μ΄μ§μ΄ unrealtech2021@gmail.com
2024. 8. 26.
I've got some mind-blowing AI tools for you this week. First up, Moshi Chat from Kyutai Labs is revolutionizing conversational AI with human-like responses and low latency. Then, I'll show you how Runway's Gen 3 Alpha is taking AI video generation to the next level. Next, we'll explore ElevenLabs' new Speech Isolator that's cleaning up audio like never before. Plus, Claude 3.5 Sonnet for advanced AI video prompts and ElevenLabs' sound effect generator too! π€ Moshi Chat: https://mrc.fm/moshi π¬ Runway Gen 3 Alpha: https://mrc.fm/runway π ElevenLabs Speech Isolator: https://mrc.fm/aivoice β¨ Weekly AI Newsletter: https://mrc.fm/creatormagic Follow me: https://twitter.com/imikerussell 0:00 Intro 0:16 Moshi Chat Demo 3:50 Runway Gen 3 Alpha 5:21 Animated Text Creation 5:58 ElevenLabs Speech Isolator 8:28 Wrap-up and Channel Updates
2024. 7. 5.
μ§λ 24λ 10μ 25μΌμ λ§κ°ν 'κ°μμ£Όμ ' κ΄λ ¨ μ견 λκΈ μ€ λ κ°μ§λ₯Ό μ μ νμ΅λλ€. μ μ λμ λ λΆμ νλ°°λ₯Ό λ°μ μ μλ μ£Όμ+μ΄λ¦+μ νλ²νΈ λ±μ μ κ² λ©μΌλ‘ μλ €μ£Όμλ©΄ λ°μ‘νλλ‘ νκ² μ΅λλ€. λ κ³ λ§μ΅λλ€. :)
2024. 10. 26.