
중급자를 위해 준비한
[웹 개발, 프레임워크 및 라이브러리] 강의입니다.
[웹 개발, 프레임워크 및 라이브러리] 강의입니다.
생활코딩에서 제공하는 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. 오리엔테이션
2강
수업 소개
미리보기
수업의 목표
섹션 1. React class vs. function style
7강
클래스에서 state 사용법
함수에서 state 사용법 hook
클래스에서 라이프 사이클 구현하기
함수에서 라이프 사이클 구현하기 - 실습준비
함수에서 라이프 사이클 구현하기 - useEffect
함수에서 라이프 사이클 구현하기 - clean up
함수에서 라이프 사이클 구현하기 - skipping effect
섹션 2. 마무리
1강
총정리 겸 수업을 마치며
강의 게시일 : 2020년 02월 17일
(마지막 업데이트일 : 2020년 02월 17일)
수강평
총 74개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
74개의 수강평
5점
4점
3점
2점
1점
VIEW
좋아요 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순

감사합니다 훌륭하게 강의하셔서 감사드립니다
꾸벅
2021-04-08

생활코딩 강의는 그냥 들으세요
2021-04-02

함수형 컴포넌트만 써왔는데, 클래스형 컴포넌트도 알아야 할 것 같아서 수강했는데 정말 좋은 강의입니다!
2021-03-31

회사에서 functional style로 react를 사용중이라 공부가 필요했는데, 쉽게 따라갈 수 있었습니다 감사합니다
2021-03-30

이고잉님 강의는 항상 최우선으로 봅니다. 명강의였습니다~
2021-03-29
무료
Egoing Lee님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!

Web2 - OAuth 2.0
무료 강의

생활코딩 - Redux
무료 강의
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
Slack 클론 코딩[실시간 채팅 with React!]
₩39,600
비전공자를 위한 진짜 올인원 개발 클래스
₩143,000
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
[리뉴얼] React로 NodeBird SNS 만들기
₩88,000