리액트 입문자를 위한 수업입니다.
기본 문법과 핵심 개념을 익힐 수 있습니다.
만들게 될 것
앱 : https://egoing.github.io/react-2022-tutorial-src/
소스코드 : https://github.com/egoing/react-2022-tutorial-src
알게 될 것
- 리액트는 사용자 정의 태그를 만드는 기술입니다.
- Props는 컴포넌트의 외부에서 사용하는 입력값입니다.
- State는 컴포넌트 내부에서 사용하는 값입니다.
- 이벤트는 Props를 이용합니다.
- event.preventDefault()를 이용해서 기본동작을 비활성화 할 수 있습니다.
- form을 변경할 때는 Props를 State로 전환 후 onChange를 이용합니다.
미리 알아야 할 것
- html (https://seomal.com/map/1/1)
- javascript (https://seomal.com/map/1/3)
유튜브 재생목록
https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7
책으로 만나보세요
수업이 책으로도 나왔습니다. 이 책의 인세는 비영리 단체 오픈튜토리얼스의 활동비로 사용됩니다.
(구입)
실시간 라이브 강의
아래 영상은 2023년 7월 22일~23일간 실시간 라이브 강의 녹화본입니다.
https://youtu.be/OmfVoRtivl0