생활코딩 - React class vs. function style coding

생활코딩 - React class vs. function style coding

(8개의 수강평)

603명의 수강생
Front-EndReact
무료
지식공유자 · Egoing Lee
10회 수업
평생 무제한 시청
수료증 미발급 강의
수강 난이도 중급이상
지식공유자의 다른 강의
연관 로드맵
연관 로드맵이 없어요.

이 강의는

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

이런 걸 배울 수 있어요

  • 리액트에서의 클래스 및 함수 스타일 콤포넌트 작성법
  • 리액트 훅의 개념 및 사용 방법

1. 강의 소개

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

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

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

2. 강의 목표

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

3. 선수 지식 및 선행학습

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

4. 전체 지도

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

6. 수업 저작권

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

도움 되는 분들

  • 리액트 입문 이상 학습자
  • 클래스 스타일과 함수 스타일의 차이점을 배우고 싶은 분

선수 지식

  • 리액트

교육과정

모두 펼치기 10 강의
섹션 0. 오리엔테이션
2 강의
수업 소개
수업의 목표
섹션 1. React class vs. function style
7 강의
클래스에서 state 사용법
함수에서 state 사용법 hook
클래스에서 라이프 사이클 구현하기
함수에서 라이프 사이클 구현하기 - 실습준비
함수에서 라이프 사이클 구현하기 - useEffect
함수에서 라이프 사이클 구현하기 - clean up
함수에서 라이프 사이클 구현하기 - skipping effect
섹션 2. 마무리
1 강의
총정리 겸 수업을 마치며

공개 일자

2020년 2월 17일 (마지막 업데이트 일자 : 2020년 2월 17일)

수강 후기

4.9
8개의 수강평
default_profile.png
9bin08 18일 전
깔끔하게 정리되었습니다
default_profile.png
sm l 19일 전
감사합니다
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스