Thumbnail
BEST 개발 · 프로그래밍 웹 개발
생활코딩 - React class vs. function style coding
(4.9)
74개의 수강평 ∙ 1838명의 수강생

무료

지식공유자 : Egoing Lee
총 10개 수업
평생 무제한 수강
수료증 미발급 강의
입문 초급 중급이상 대상
내 목록 추가 공유
중급자를 위해 준비한
[웹 개발, 프레임워크 및 라이브러리] 강의입니다.

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

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

1. 강의 소개

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

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

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

2. 강의 목표

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

3. 선수 지식 및 선행학습

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

4. 전체 지도

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

6. 수업 저작권

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

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
리액트 입문 이상 학습자
클래스 스타일과 함수 스타일의 차이점을 배우고 싶은 분
📚
선수 지식,
필요한가요?
리액트

안녕하세요
Egoing Lee 입니다.
Egoing Lee의 썸네일
커리큘럼 총 10개
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
섹션 1. React class vs. function style
클래스에서 state 사용법
함수에서 state 사용법 hook
클래스에서 라이프 사이클 구현하기
함수에서 라이프 사이클 구현하기 - 실습준비
함수에서 라이프 사이클 구현하기 - useEffect
함수에서 라이프 사이클 구현하기 - clean up
함수에서 라이프 사이클 구현하기 - skipping effect
섹션 2. 마무리
총정리 겸 수업을 마치며
강의 게시일 : 2020년 02월 17일 (마지막 업데이트일 : 2020년 02월 17일)
수강평 총 74개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
74개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
함대성 thumbnail
감사합니다 훌륭하게 강의하셔서 감사드립니다 꾸벅
2021-04-08
k yu thumbnail
생활코딩 강의는 그냥 들으세요
2021-04-02
페이커 thumbnail
함수형 컴포넌트만 써왔는데, 클래스형 컴포넌트도 알아야 할 것 같아서 수강했는데 정말 좋은 강의입니다!
2021-03-31
복규 thumbnail
회사에서 functional style로 react를 사용중이라 공부가 필요했는데, 쉽게 따라갈 수 있었습니다 감사합니다
2021-03-30
muing Si thumbnail
이고잉님 강의는 항상 최우선으로 봅니다. 명강의였습니다~
2021-03-29

무료

내 목록 추가 공유
지식공유자 : Egoing Lee
총 10개 수업
평생 무제한 수강
수료증 미발급 강의
입문 초급 중급이상 대상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스