잠시만 기다려 주세요.
중써니
2024. 8. 26.
#프론트엔드 #개발 여기서 다운 가능합니다 https://chromewebstore.google.com/detail/locatorjs/npbfdllefekhdplbkdigpncggmojpefi?pli=1
------------------------------------------- [OJ TUBE 정보] ▷ 인프런 강의 링크 : https://inf.run/WAbM 15만원 할인 쿠폰 : 15043-fa6e9a370f96 (쿠폰는 바뀔수 있으니 최신 영상을 참조해주세요.) ▷ 은근한 개발자 티셔츠 출시! https://flatcode.shop ▷ 임베디드 강의 (맛보기) https://www.youtube.com/watch?v=8JebKNKx6G4&list=PLz--ENLG_8TMQ1HKzZKiRkaeL4jeSYVsx 기존에 서비스하던 클래스유는 3달 수강과, 영구 구매가 가능합니다 ▷ 임베디드 강의 (클래스유 10%할인) https://me2.do/G6iscSrg 1. C언어 강의 (완료) https://youtube.com/playlist?list=PLz--ENLG_8TMdMJIwyqDIpcEOysvNoonf 2. 매주 토요일 오후 9시 상담 방송 진행 - 종료 시간에 매주 책 추첨 및 무료배송. (풀영상 다시보기) https://youtube.com/playlist?list=PLz--ENLG_8TMJgICZ4qSMGZmhpQcmzHT3 3. 매주 화, 금 오후 8시 영상 업로드 4. 오제이 스토어 (임베디드 교육 물품, 자율 강의료, 자율 후원, 면접 피드백 서비스) https://smartstore.naver.com/oj-store ------------------------------------------- 인프런 [임베디드 입문용] 임베디드 개발은 실제로 이렇게 해요. 강의 | ojtube5 - 인프런 ojtube5 | 임베디드 개발이 무엇인지 알려드려요. 뜬구름 잡는 추상적인 설명 없이 명확하게 개념을 설명해드려요., 임베디드 기초 강의를 찾으셨나요?실무에 가장 가까운 강의로 시작해보세요! :별: 150명 돌파 15만원 할인 쿠폰 발행 :짠: 150명을 돌파 기념하 flatcodeflatcode 플랫코드(flatcode) 온라인스토어 다양성을 입다, 창의성을 펼치다.|프리미엄 라이프스타일 웨어 플랫코드 온라인스토어
2024. 7. 23.
현존하는 리액트 훅중에 가장 쉬운 useId, 고유한 아이디를 만들때 꽤 유용하게 사용됩니다. ___________________________ 🧑🏻💻더 깊은 공부를 위한 리액트 공식문서 → useId hook https://react.dev/reference/react/useId ..................................................... 📝코드 에디터 Visual Studio Code ..................................................... ⚛️ useState 15분만에 마스터하기 (영상) https://www.youtube.com/watch?v=G3qglTF-fFI ⚛️ useEffect 깔끔하게 마스터하기 (영상) https://www.youtube.com/watch?v=kyodvzc5GHU ⚛️ useRef 완벽 정리 1# 변수 관리 (영상) https://www.youtube.com/watch?v=VxqZrL4FLz8 ⚛️ useRef 완벽정리 #2 DOM 요소 접근 (영상) https://youtu.be/EMK8oUUwP5Q ⚛️ useContext + Context API (영상) https://www.youtube.com/watch?v=LwvXVEHS638 ⚛️ useMemo 제대로 사용하기 (영상) https://www.youtube.com/watch?v=e-CnI8Q5RY4 ⚛️ useCallback 짱 쉬운 강의 (영상) https://www.youtube.com/watch?v=XfUF9qLa3mU ⚛️ useReducer 확실히 정리해드려요 (영상) https://www.youtube.com/watch?v=tdORpiegLg0 ⚛️ useId 세상에서 제일 쉬운 리액트 훅 https://www.youtube.com/watch?v=y0vhpilNSKo ..................................................... ⏱타임라인 00:00 useId 짱쉬움 00:18 useId 사용법 06:53 useId 장점 1 - 쌍점 09:37 useId 장점 1 - 안정성
2024. 2. 15.
🙋♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다.
2024. 8. 23.
React Next.js admin dashboard project tutorial for beginners. School management app design with Next.js and Tailwind. Admin, teacher, student, and parent dashboards with responsive tables and animated charts. You are watching the first part of the project (The design part) Watch the second part (Full-stack school management app): https://youtu.be/6sfiAyKy8Jo If it is valuable to you, you can support Lama Dev. Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join Buy me a coffee: https://www.buymeacoffee.com/lamadev Source Code: Start here: https://github.com/safak/next-dashboard-ui/tree/starter Completed version: https://github.com/safak/next-dashboard-ui/tree/completed Join Lama Dev groups X / Twitter: https://x.com/lamawebdev Facebook: https://www.facebook.com/groups/lamadev Instagram: https://www.instagram.com/lamawebdev Discord: https://discord.gg/yKremu4mPr 00:00 Introduction 02:38 Installation 05:06 Next.js 15 Pages and Layout Tutorial 11:01 Next.js Tailwind Responsive Layout 18:10 Next.js Tailwind Responsive Menu Design 23:01 Next.js Tailwind Responsive Navbar Design 30:18 Next.js Admin Dashboard Design 39:40 Next.js Animated Chart Tutorial 40:51 Next.js Radial Chart with Re-Charts 52:19 Next.js Animated Bar Chart Example 01:00:11 React Next.js Animated Line Chart Example 01:05:54 React Calendar Tutorial 01:10:36 Events Component Design 01:15:04 Announcement Component Design 01:20:10 Next.js Student Dashboard Design 01:25:56 React Big Calendar (Schedule Calendar) Tutorial 01:43:01 School Management App Parent Dashboard Design 01:43:54 React/Next.js List Table Design with Pagination 01:53:56 React/Next.js Responsive Reusable List Table 02:11:20 School Management App Other List Pages 02:34:08 School Management App Single Teacher Page Design 02:58:15 School Management App Single Student Page Design 03:00:17 Next.js Dynamic Form Buttons (Create, Update, Delete) 03:09:12 React/Next.js Form Modal Design 03:17:11 React Next.js Form Design 03:18:35 React-Hook-Form Tutorial 03:19:35 React-Hook-Form with Zod Validation Tutorial 03:32:25 React/Next.js Form Inputs with Validation 03:47:48 Rendering Forms Conditionally in React 03:50:30 Next.js Lazy Loading Import Tutorial with dynamic() 03:54:22 Outro
2024. 8. 19.
안녕하세요. 코딩앙마 입니다 :) 리액트 테스팅 라이브러리를 이용해서 리액트 프로젝트를 테스트 해봅시다! 이번 시간에는 click, keyboard 등 유저 이벤트를 받아서 테스트를 수행해보겠습니다. 재생목록 링크 : https://www.youtube.com/playlist?list=PLZKTXPmaJk8JNJKFt7CK0jQvFIytGdf9n ---------------------------------------- 이 수업은 React js, Jest 등 사전 지식이 필요합니다. Jest 강좌 : https://www.youtube.com/playlist?list=PLZKTXPmaJk8L1xCg_1cRjL5huINlP2JKt React js 강좌 : https://www.youtube.com/playlist?list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7- #리액트테스팅라이브러리 #react #test
2023. 2. 5.
미팅의 효율성은 성공적인 프로젝트 관리의 중심입니다. 그러나 참석자가 지나치게 많은 미팅은 종종 혼란과 시간 낭비를 초래하곤 합니다. 이런 문제를 어떻게 해결할 수 있을까요? 미팅의 명확한 안건과 목표가 해답입니다! 이 영상에서는 미팅의 효율성을 저해하는 주요 요소 중 하나인 참석자의 과다함을 극복하는 전략을 소개합니다. 무분별한 참석자 초대가 미팅의 질과 목적을 흐리게 하는 이유와 그로 인한 문제점, 그리고 이를 해결하기 위한 구체적인 방법을 공유합니다. 보다 명확한 안건 설정과 미팅의 목표를 세우는 기술은 단순히 시간을 절약하는 것뿐만 아니라, 팀의 커뮤니케이션과 협력을 향상시키는 중요한 도구가 될 수 있습니다. 지금 바로 영상을 통해 효과적인 미팅을 진행하는 방법을 배워보세요! 멤버십 영상을 통해 실무 경험에서 나온 기법들을 배울 수 있습니다. https://www.youtube.com/@khanpm/join
2023. 8. 27.