강좌를 수강하려면 로그인 하셔야 합니다. → 로그인 | REGISTER NOW

#React 의 기본, 컴포넌트(Component)

6명의 학생들이 수강

React에서 콤포넌트를 작성하는 방법은 두가지입니다.

클래스 스타일과 함수 스타일로 코딩하는 것입니다.

클래스 스타일은 모든 기능을 다 사용할 수 있지만, 복잡합니다.
함수 스타일은 제한된 기능만 사용할 수 있지만, 단순합니다.

최근 함수 스타일에 hook 기능이 추가되면서 함수 스타일로 클래스 스타일의 기능성에 버금가는 콤포넌트를 만들 수 있게 되었습니다.

이 수업에서는 클래스와 함수 스타일로 동일한 콤포넌트를 만들어가면서 어떤 차이점이 있는지를 비교해가며 콤포넌트를 작성하는 방법을 배우는 수업입니다.

또 최근 도입된 hook을 어떻게 사용하는지도 알려드립니다.

이 수업은 React 수업에 의존하고 있습니다. 모르신다면 React 수업을 먼저 보시고 참여하실 것을 권합니다.

오리엔테이션
	1. 강좌 소개	00:04:00
	2. 강좌의 목표	00:07:00
React 클래스 (class) vs 함수 (function) style
	3.1. 클래스에서 state 사용법	00:06:00
	3.2. 함수에서 state 사용법 훅(hook)	00:11:00
	4.1. 클래스에서 라이프 사이클 구현 하기	00:08:00
실습
	4.2.1. 함수에서 라이프 사이클 구현 하기 – 실습준비	00:04:00
	4.2.2. 함수에서 라이프 사이클 구현 하기 – useEffect	00:08:00
	함수에서 라이프 사이클 구현 하기 – clean up	00:06:00
	함수에서 라이프 사이클 구현 하기 – skipping effect	00:10:00
마무리
	5. 총정리 겸 수업을 마치며	00:07:00