[생활코딩] WEB - JavaScript - React (*2022 개정판)
![[생활코딩] WEB - JavaScript - React (*2022 개정판)](https://thumbs.comidoc.net/750/4903116_1760_3.jpg)
Why take this course?
🎉 *[생활코딩] WEB - JavaScript - React (2022 개정판) - 리액트(React) 입문 🌟 TDMRRR (This Could Be More than a Random Mixed-up Rant...) 😉
강의 소개
이 강의는 리액트(React)에게 첫발을 딛치고자 하는 모든 분들을 위한 것입니다. 🎓
React는 사용자 정의 태그를 만드는 강력한 기술입니다. 이 강의에서는 React의 기본 사용법, 문법 및 핵심적인 개념들을 단계별로 학습할 수 있습니다.
강의 내용
-
리액트(React)의 기본
- React는 사용자 정의 태그를 만드는 기술입니다.
-
Props와 State
- Props는 컴포넌트의 외부에서 사용하는 입력값(example:
<MyComponent color="red" />
)입니다. - State는 컴포넌트 내부에서 사용하는 값입니다. (예: 사용자가 버튼을 클릭할 때마다 변화하는 카운터)
- Props는 컴포넌트의 외부에서 사용하는 입력값(example:
-
이벤트 핸들링
- 이벤트는 Props를 이용하여 처리합니다. (예:
onClick
으로 버튼 클릭 시 특정 작업을 실행) event.preventDefault()
를 사용하면 기본동작을 비활성화할 수 있습니다. (예: 폼 제출 시 페이지 리프레싱 방지)
- 이벤트는 Props를 이용하여 처리합니다. (예:
-
Form 변경 및 State 전환
- Form을 변경할 때는 Props를 State로 전환 후
onChange
를 이용하여 처리합니다.
- Form을 변경할 때는 Props를 State로 전환 후
학습 준비
본 React 강의를 듣기 전에 HTML과 CSS, Javascript에 대한 사전 학습이 필요합니다. 이러한 기초 지식은 리액트를 올바르게 이해하고 구현하는 데 매우 중요합니다.
HTML & Internet, Javascript에 대한 무료 강의도 제공하고 있으니, 이 기회를 잘 활용하여 사전 학습을 완료해 주시기 바랍니다.
추가 정보
Udemy 수강생분들의 더욱 넓은 학습 기회를 위해, 생활코딩의 원 콘텐츠를 Udemy에 옮겼음. 지식의 전파와 공유를 위해 노력하고 계신 생활코딩에 감사드립니다. (출처: 생활코딩)
이제, 리액트(React)의 세계로 발을 딛으세요. 본 강의를 통해 React에 대한 기본부터 고급까지 다양한 내용을 충분히 이해하고 실제로 적용해 보실 수 있을 것입니다. Let's dive into the world of React together! 🌐✨
감사합니다. 함께하는 여정을 위해 기대됩니다! 💖
Loading charts...