강의

멘토링

로드맵

Inflearn brand logo image
개발 · 프로그래밍

/

프론트엔드

생활코딩 - React

리액트의 컴포넌트를 만드는 법과 리액트와 불변의 관계를 알아봅니다.

(4.9) 수강평 521개

수강생 14,533명

  • Egoing Lee

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 리액트와 불변(immutable)의 관계

  • 리액트의 컴포넌트를 만드는 법

  • https://egoing.github.io/react-tutorial-example/


React를 이용해서 아래와 같은 웹애플리케이션을 완성합니다.

https://egoing.github.io/react-tutorial-example/




개발환경
수업의 방향성과 개발환경을 마련하는 방법을 소개합니다.

컴포넌트 제작
React의 핵심 기능인 컴포넌트를 제작하는 방법을 소개합니다.

State
React는 컴포넌트를 외부에서 조작할 때는 props를, 내부적으로 상태를 관리할 때는 state를 사용합니다. 여기서는 state에 대해서 소개하고, state를 다루는 방법을 소개합니다.

이벤트
사용자와 상호작용하는 애플리케이션의 핵심인 이벤트를 리액트에서 구현하는 방법을 소개합니다.

Create 기능 구현
react로 create 기능을 구현해봅니다.

Update & Delete 기능 구현
웹앱의 수정 기능을 React로 구현해봅니다.

이 수업을 듣기 위해서는 htm, javascript 지식이 필요합니다.
전체 지식의 맥락은 지식 지도 서말을 참고해주세요
https://seomal.org

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • single page application을 구현하고 싶은 분

  • 리액트를 통해서 재사용 가능한 사용자 정의 태그(컴포넌트)를 만들고 싶은 분

선수 지식,
필요할까요?

  • JavaScript

  • html

안녕하세요
입니다.

306,432

수강생

8,141

수강평

1

답변

4.9

강의 평점

44

강의

커리큘럼

전체

40개 ∙ (4시간 36분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

521개

4.9

521개의 수강평

  • wertyyuiop995807님의 프로필 이미지
    wertyyuiop995807

    수강평 2

    평균 평점 4.5

    수정됨

    5

    15% 수강 후 작성

    If you're going to follow along with the practice, listen to the latest 2022 version on YouTube!!! They say that CRA will no longer be supported after February 14, 2025! https://www.youtube.com/watch?v=txX3bL22esU&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=2

    • lch71122281님의 프로필 이미지
      lch71122281

      수강평 1

      평균 평점 5.0

      5

      60% 수강 후 작성

      .

      • sanghylee1171님의 프로필 이미지
        sanghylee1171

        수강평 1

        평균 평점 5.0

        5

        30% 수강 후 작성

        • jedi82354139님의 프로필 이미지
          jedi82354139

          수강평 1

          평균 평점 5.0

          5

          30% 수강 후 작성

          • dhykim9164님의 프로필 이미지
            dhykim9164

            수강평 3

            평균 평점 3.3

            3

            30% 수강 후 작성

            It would be great if you could explain it in more detail and with greater specificity.

            무료

            Egoing Lee님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            연관 로드맵

            강의가 포함된 로드맵으로 학습해 보세요!