Thumbnail
개발 · 프로그래밍 프론트엔드

생활코딩 - React class vs. function style coding 대시보드

(4.9)
168개의 수강평 ∙  4,431명의 수강생

무료

지식공유자: Egoing Lee
총 10개 수업 (1시간 6분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

중급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

생활코딩에서 제공하는 React 관련 강의로, 리액트에서 클래스와 함수 스타일로 콤포넌트를 작성하는 방법을 배우고 차이점을 살펴봅니다.

✍️
이런 걸
배워요!
리액트에서의 클래스 및 함수 스타일 콤포넌트 작성법
리액트 훅의 개념 및 사용 방법

1. 강의 소개

React에서 콤포넌트를 작성하는 방법은 두 가지입니다.
클래스 스타일함수 스타일로 코딩하는 것입니다. 

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

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

2. 강의 목표

이 수업에서는 클래스와 함수 스타일로 동일한 콤포넌트를 만들어가면서 어떤 차이점이 있는지를 비교해가며 콤포넌트를 작성하는 방법을 배우는 수업입니다. 또 최근 도입된 hook을 어떻게 사용하는지도 알려드립니다.

3. 선수 지식 및 선행학습

이 수업은 React 수업에 의존하고 있습니다. 리액트를 모르신다면 리액트 수업을 먼저 보시고 참여하실 것을 권합니다.
생활코딩 리액트 수업 바로가기

4. 전체 지도

아래 주소를 방문하시면 전체 지식의 지도를 볼 수 있습니다.
https://seomal.org/

6. 수업 저작권

이 강의는 CC 라이센스를 따르고 있으며, 아래 링크에서도 볼 수 있습니다.
https://opentutorials.org/module/4600 좋은 지식을 공유해주시는 생활코딩에 감사의 말씀을 전합니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
리액트 입문 이상 학습자
클래스 스타일과 함수 스타일의 차이점을 배우고 싶은 분
📚
선수 지식,
필요할까요?
리액트

안녕하세요
Egoing Lee 입니다.
Egoing Lee의 썸네일
커리큘럼 총 10 개 ˙ 1시간 6분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
수업 소개 미리보기 03:13
수업의 목표 06:20
섹션 1. React class vs. function style
클래스에서 state 사용법 06:01
함수에서 state 사용법 hook 10:26
클래스에서 라이프 사이클 구현하기 08:01
함수에서 라이프 사이클 구현하기 - 실습준비 03:08
함수에서 라이프 사이클 구현하기 - useEffect 07:17
함수에서 라이프 사이클 구현하기 - clean up 05:40
함수에서 라이프 사이클 구현하기 - skipping effect 09:05
섹션 2. 마무리
총정리 겸 수업을 마치며 06:49
강의 게시일 : 2020년 02월 17일 (마지막 업데이트일 : 2020년 02월 17일)
수강평 총 168개
수강생분들이 직접 작성하신 수강평입니다.
4.9
168개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
쿠카이든 thumbnail
5
클래스 기반의 리액트의 기반에 대해 배웠습니다~!! 좋은 지식 전파 감사드려요~^^
2024-04-16
SeungEun Hong thumbnail
5
복잡한 개념 쉽게 설명해주셔서 도움이 많이 되었습니다. 감사합니다.
2023-11-21
KYUNG TAE BAE thumbnail
5
리액트 기초에 대해 많이 배워갑니다. 감사합니다
2024-04-08
김성표 thumbnail
5
매우 유용합니다.
2024-02-19
Hohwan Shin thumbnail
5
목소리가 차분하고 좋습니다.
2024-01-12