메일 인증하면, 매일 특별한 선물💌
Thumbnail
개발 · 프로그래밍 웹 개발
생활코딩 - React class vs. function style coding
(4.9)
111개의 수강평 ∙ 2452명의 수강생

무료

지식공유자 : 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일)
수강평 총 111개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
111개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
opensesame thumbnail
좋은 강의 감사합니다!
2021-09-08
김성현 thumbnail
잘 들었습니다. 감사합니다
2021-09-13
dlrudgh1303 thumbnail
너무 좋아습니다.
2021-09-18
coding thumbnail
아주 정확하고 딱 필요한 내용이였습니다.
2021-08-27
JU HOON Kim thumbnail
감사합니다.
2021-09-18

무료

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