잠시만 기다려 주세요.
남궁성의 정석코딩
2024. 8. 28.
남궁성의 데프캠프 2기 모집중입니다. 등록링크 : https://fastcampus.co.kr/b2g_kdigitaltraining_backend 모집기간 : 2024.8.26~9.11 6개월 오프라인 웹개발(백엔드 + 프론트엔드) 교육과정입니다. 교육기간은 2024.9.23 ~ 2025.4.4
#리액트 #코딩 #개발 이 영상에서는 리액트 프로젝트의 기초적인 구성과 동작 방식에 대해 알아봅니다. 먼저 index.html은 아주 기본적인 내용으로 작성되어 있어, 실제 웹페이지는 자바스크립트에 의해 동적으로 생성되는 것을 확인할 수 있습니다. 이후 프로젝트의 주요 코드 파일인 main.jsx를 살펴보면, DIV 요소 안으로 렌더링되는 내용이 작성되어 있는 것을 볼 수 있습니다. 여기서는 다른 문서로부터 임포트된 자바스크립트 객체가 마치 HTML 태그처럼 사용되고 있습니다. 이제 리액트가 돌아가는 방식에 대해 어느 정도 감을 잡을 수 있습니다. 다음으로 빌드에 대해 설명하며, 빌드 작업은 컴퓨터가 해당 웹페이지를 가장 효율적으로 실행하기 적합한 형태로 압축하는 과정을 포함한다고 설명합니다. 마지막으로 public과 src 폴더의 차이에 대해 설명하며, public 폴더는 있는 그대로 배포되고, src 폴더는 번들러에 의해 최적화 등의 가공을 거친다고 합니다. = = = 🏠 얄코사이트: https://www.yalco.kr 📖 얄코 도서: https://www.yalco.kr/book/ 🧑🏫 얄코 강의: https://www.yalco.kr/#lectures 🎥 제대로 파는 Git & GitHub: https://youtu.be/1I3hMwQU6GU 🎥 제대로 파는 자바: https://youtu.be/iN22AgS_Chk 🎥 제대로 파는 파이썬: https://youtu.be/Da_-qnyPhhc 🎥 제대로 파는 자바스크립트: https://youtu.be/RHoPpjKRT38 🎥 제대로 파는 HTML & CSS: https://youtu.be/TrC2x4N0XqY 🎥 갖고 노는 MySQL 강좌: https://youtu.be/dgpBXNa9vJc 🎥 반응형 프로그래밍 RxJS 강좌: https://youtu.be/KDiE5qQ3bZI
2024. 10. 28.
🌎 EO 글로벌 채널 구독하기 👉🏻👉🏻 https://bit.ly/3S0Pacc 👽 eo PLANET 뉴스레터 구독하기 👉🏻👉🏻 https://bit.ly/3cIKLuL
2024. 10. 23.
Powered by Restream https://restream.io Become a YT Members to get extra perks! https://www.youtube.com/@WebDevCody/join My Products 🏗️ WDC StarterKit: https://wdcstarterkit.com 📖 ProjectPlannerAI: https://projectplannerai.com 🤖 IconGeneratorAI: https://icongeneratorai.com Useful Links 💬 Discord: https://discord.gg/4kGbBaa 🔔 Newsletter: https://newsletter.webdevcody.com/ 📁 GitHub: https://github.com/webdevcody 📺 Twitch: https://www.twitch.tv/webdevcody 🤖 Website: https://webdevcody.com 🐦 Twitter: https://twitter.com/webdevcody
2024. 8. 31.
▶CS지식의 정석 https://inf.run/17Fb ▶C++ 10주완성 코딩테스트 https://inf.run/xZhA
2024. 8. 23.
*AWS 강의실 오픈 채팅방 : https://open.kakao.com/o/g7pIU9wf *AWS 강의실 카페 : https://cafe.naver.com/awsclassroom/240 *AWS 강의실 공식 인프런 강의 : https://lecture.awsclassroom.kr
2024. 10. 14.
We will build a realtime messaging app like WhatsApp using NextJs, shadcn/ui, Clerk for authentication, and Stream for messaging APIs and SDKs to build in-app chat. 👉🏼 Project source code → https://www.hamedbahram.io/notes/realtime-chat-app 👉🏼 React chat tutorial → https://dub.sh/Gc6ARrh 👉🏼 React video calling tutorial → https://dub.sh/KRzluBg 👉🏼 NextJs Clerk shadcn/ui template → https://github.com/HamedBahram/next-clerk 👉🏼 Clerk authentication → https://go.clerk.com/1zHTbA5 👉🏼 My courses → https://www.hamedbahram.io/courses Chapters 00:00:00 Intro 00:02:18 Project setup 00:05:00 Clerk setup 00:11:10 Stream setup 00:23:30 Generating JWT tokens 00:30:00 Custom chat layout 00:33:30 Initial chat components 00:48:15 Add dark theme 00:50:15 Customizing UI component 01:04:00 Creating new channels 01:28:30 Add sidebar nav 01:31:40 Recap
2024. 9. 24.