
중급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.
[개발 ・ 프로그래밍] 강의입니다.
생활코딩에서 제공하는 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일)
수강평
총 57개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
57개의 수강평
5점
4점
3점
2점
1점
VIEW
좋아요 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순

매우 좋아요
2021-01-19

라이프사이클 부분의 내용이 조금 아쉬운 부분도 있지만
주제에 대한 지식을 짧은 시간동안 핵심적으로 얻을 수 있어 좋았습니다
2021-01-24

Hook의 입문을 쉽게 할 수 있어 듣기 편하고 좋았습니다.
생활코딩 감사합니다.
2021-01-18

Hook에 대한 기본 개념을 알 수 있어서 너무 좋았습니다
친절한 설명으로 충분히 이해하게 수월했습니다
감사합니다
2021-01-24

정확히 알고 활용할 수 있게됐어요! 감사합니다!!
2021-01-18
무료
Egoing Lee님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!

Web2 - OAuth 2.0
무료 강의

생활코딩 - Redux
무료 강의
비슷한 강의들
같은 분야의 다른 강의를 만나보세요!
[리뉴얼] React로 NodeBird SNS 만들기
₩88,000
애플 웹사이트 인터랙션 클론!
₩77,000