생활코딩 - 리액트 (React) ver.2020
    • 01
      개발환경
    • 오리엔테이션
      React.js 개발환경의 종류
      npm을 이용해서 create-react-app 설치하기
      create-react-app을 이용해서 개발환경 구축
      샘플 앱 실행하기
      JavaScript 코딩하는 법
      CSS 코딩하는 법
      배포하는 법
    • 02
      컴포넌트 제작
    • 리액트가 없다면
      컴포넌트 만들기 1
      컴포넌트 만들기 2
      props
      React Developer Tools
      Component 파일로 분리하기
    • 03
      state
    • State 소개
      State 사용
      key
    • 04
      이벤트
    • 이벤트 state props 그리고 render 함수
      이벤트 설치
      이벤트에서 state 변경하기
      이벤트 bind 함수 이해하기
      이벤트 setState 함수 이해하기
      컴포넌트 이벤트 만들기 1
      컴포넌트 이벤트 만들기 2
      컴포넌트 이벤트 만들기 3
    • 05
      Create 기능 구현
    • 베이스 캠프
      Create 구현 : 소개
      Create 구현 : mode 변경 기능
      Create 구현 : mode 전환 기능
      Create 구현 : form
      Create 구현 : onSubmit 이벤트
      Create 구현 : Content 변경
      Create 구현 : ShouldComponentUpdate 소개
      Create 구현 : Immutable (불변)
    • 06
      Update 기능 구현
    • update 구현
      update 구현 : form
      update 구현 : state 변경
      delete 구현
    • 07
      수업을 마치며
    • 수업을 마치며
    이벤트에서 state 변경하기
    04 이벤트
    이벤트에서 state 변경하기
    Q&A