강의

멘토링

커뮤니티

개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 186개

수강생 4,903명

난이도 중급이상

수강기한 무제한

  • Egoing Lee

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

오영주

60% 수강 후 작성

이고잉님 최고입니다! 항상 감사합니다!

5.0

푸른잎

100% 수강 후 작성

감사합니다.

5.0

Eun-jung Nam

60% 수강 후 작성

이고잉님이 최고~ ^^

수강 후 이런걸 얻을 수 있어요

  • 리액트에서의 클래스 및 함수 스타일 콤포넌트 작성법

  • 리액트 훅의 개념 및 사용 방법

1. 강의 소개

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

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

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

2. 강의 목표

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

3. 선수 지식 및 선행학습

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

4. 전체 지도

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

6. 수업 저작권

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

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 리액트 입문 이상 학습자

  • 클래스 스타일과 함수 스타일의 차이점을 배우고 싶은 분

선수 지식,
필요할까요?

  • 리액트

안녕하세요
입니다.

311,833

수강생

8,561

수강평

1

답변

4.9

강의 평점

44

강의

커리큘럼

전체

10개 ∙ (1시간 6분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

186개

4.9

186개의 수강평

  • 황용호님의 프로필 이미지
    황용호

    수강평 3

    평균 평점 5.0

    5

    60% 수강 후 작성

    • yhwon님의 프로필 이미지
      yhwon

      수강평 1

      평균 평점 5.0

      5

      60% 수강 후 작성

      • 오영주님의 프로필 이미지
        오영주

        수강평 4

        평균 평점 5.0

        5

        60% 수강 후 작성

        이고잉님 최고입니다! 항상 감사합니다!

        • 삐삐님의 프로필 이미지
          삐삐

          수강평 1

          평균 평점 5.0

          5

          100% 수강 후 작성

          • 푸른잎님의 프로필 이미지
            푸른잎

            수강평 29

            평균 평점 5.0

            5

            100% 수강 후 작성

            감사합니다.

            무료

            Egoing Lee님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!