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

무료

지식공유자 : 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일)
수강평 총 57개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
57개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
두두 thumbnail
매우 좋아요
2021-01-19
a.shyun55 thumbnail
라이프사이클 부분의 내용이 조금 아쉬운 부분도 있지만 주제에 대한 지식을 짧은 시간동안 핵심적으로 얻을 수 있어 좋았습니다
2021-01-24
김민상 thumbnail
Hook의 입문을 쉽게 할 수 있어 듣기 편하고 좋았습니다. 생활코딩 감사합니다.
2021-01-18
Nea Young Back thumbnail
Hook에 대한 기본 개념을 알 수 있어서 너무 좋았습니다 친절한 설명으로 충분히 이해하게 수월했습니다 감사합니다
2021-01-24
남상일 thumbnail
정확히 알고 활용할 수 있게됐어요! 감사합니다!!
2021-01-18

무료

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