잠시만 기다려 주세요.
짐코딩 GYM CODING
2024. 9. 12.
리액트 프론트엔드 개발자가 되는 여정을 완벽하게 안내하는 로드맵! HTML, CSS부터 자바스크립트, 리액트까지 단계별로 배우고 실무형 프로젝트로 실력을 쌓아보세요. 지금 바로 시작하세요! #리액트 #프론트엔드로드맵 #개발자되기 #코딩공부 #ReactJS
#코딩 #프로그래밍 #개발자 개발자 커뮤니티: https://github.com/moong00n/community/discussions 채널 구독 하기: https://www.youtube.com/channel/UCenbLmVazutdwQrVXUFVlNg?sub_confirmation=1 채널 멤버쉽 가입 하기: https://www.youtube.com/c/codingmoon/join 채널 후원: https://streamlabs.com/codingmoon/tip
2024. 9. 3.
이번 시간에는 도장 깨기 미션이 포함된 TODO 앱(part 1)을 만들어 봅니다. 도장깨기 미션에 대한 정보가 없는 분들은 아래 링크에서 도장깨기를 설명한 영상을 참고하기 바랍니다. 플러터(flutter) 앱을 만들 때 TODO(투두) 앱과 날씨 앱은 누구나 한 번쯤 만들어 보고 싶은 앱입니다. 이번 플러터(flutter) TODO(투두) 앱 강의를 통해서 부모(parent) 위젯과 자식(child) 위젯의 데이터 전달과 shared preferences 패키지를 통해서 로컬 데이터를 저장하고 불러오는 방법을 확실히 익힐 수 있습니다. 본격적으로 시작하는 시작하는 도장깨기 미션인 만큼 이번 미션에 참여하는 분들에게는 TODO(투두) 앱 강의가 끝나고 앱 만드는 과정을 이미지 트레이닝할 수 있는 PDF 파일을 보내드리겠습니다. TODO 앱 강의는 기초적인 플러터(flutter)와 다트(dart)의 지식이 있다는 전제하에 진행되니, 순한 맛 수준의 구독자분들은 계산기 앱으로 진행되는 도장깨기에 참여하기 바랍니다. 물론 원한다면 TODO(투두) 앱 도장깨기에도 참여 가능합니다. ^^ 도장깨기 응모: codingchefdev@gmail.com 도장깨기 설명 영상: https://www.youtube.com/watch?v=uLHik9iLvcE 도장깨기 응모 기간: 6월 26일 ~ 7월 5 프로젝트 소스코드: https://github.com/icodingchef/todo_lecture Music licence: Song - Alex Nekita - Child's play Follow Artist : / alexnekita Music promoted by DayDreamSound : • 동영상 자막: https://vrew.voyagerx.com/ko/ 📢BGM ✔️Track - PeriTune - Chinatown Healing ✔️Soundcloud - / sei_peridot ✔️나눔뮤직 - https://tv.naver.com/v/11571772
2024. 6. 26.
Next.js Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-zDZBKEvU8b0#next-js-course React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-zDZBKEvU8b0 Routing is a complex topic in Next.js and intercepting routes are probably the most complex routing feature Next.js has. In this video I explain what intercepting routes are, why you should use them, and how to implement them. 📚 Materials/References: Next.js Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-zDZBKEvU8b0#next-js-course React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-zDZBKEvU8b0 Parallel Routes Video: https://youtu.be/wi8kF8UniUI 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:32 - Intercepting Route Basics 06:20 - Advanced Use Case #NextJS #WDS #ReactJS
2024. 8. 17.
Welcome to your go-to tutorial on localizing React applications using React-i18next! 🌍🚀 Whether you're aiming to reach a global audience or just making your app accessible in multiple languages, this video has you covered. In this comprehensive guide, you'll learn: Why Localization Matters: Understand the importance of making your React applications multilingual and how it can significantly boost user engagement and market reach. Setting Up React-i18next: Step-by-step instructions to integrate the powerful React-i18next library into your React project. Basic to Advanced Concepts: From configuring the library to dynamically changing languages and handling complex formatting with plurals and variables. Practical Examples: Watch as we implement real-time language switching and localize both static and dynamic content in a sample React application. By the end, you’ll not only grasp the essentials but also master some advanced techniques in localizing React apps effectively. Perfect for developers of all skill levels who are looking to enhance their React applications with multi-language support. Don’t just make your apps functional—make them globally accessible! 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Website: machadopedro.com 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 .......... ♬ MUSIC ♬ Artist: tubebackr Track: Chill With Me @tubebackr hypeddit.com/tubebackr/chillwithme-1 ............. TIMESTAMPS 00:00 | Intro 00:27 | Background to Localization 02:16 | React i18 Next Library 03:06 | Library Initialization 05:46 | Writing Translations #reactjs #localization
2024. 5. 21.
2024. 10. 23.
#프론트엔드 #shorts #css
2024. 5. 26.