생활코딩 - 리액트 (React) ver.2020 - goormEDU
Family Service
goormEDU
Sign InSign Up
All Lectures
RouteNoticeQ&A

생활코딩 - 리액트 (React) ver.2020

본 수업은 리액트 (React)를 처음 시작하는 분들에게 권하는 리액트 (React) 입문용 생활코딩 수업입니다.

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Tag
리액트, 자바스크립트
Target Audience
- 리액트를 통해서 재사용 가능한 사용자 정의 태그(컴포넌트)를 만들고 싶은 분
- single page application을 구현하고 싶은 분
- 자바스크립트를 공부한 뒤 새로운 라이브러리를 사용해보고 싶은 분
- 리액트가 왜 인기있는지 확인해보고 싶으신 분

#구름EDU 수강자 분들을 위해 생활코딩(https://opentutorials.org)이 함께 합니다. 항상 좋은 지식을 전해주시는 생활코딩에 감사드립니다.


📝수업 소개

🐣이 수업은 리액트(react) 입문자를 위한 내용으로 이루어져 있습니다. 리액트를 사용하는 이유를 설명하고, 리액트 컴포넌트를 만드는 방법, 리액트와 불변(immutable) 사이의 관계를 설명합니다. 본 강좌에서는 데이터베이스, 서버와의 연동, redux는 설명하고 있지 않으니 참고해주시기 바랍니다.



🎯학습 목표

  • 리액트의 기본적인 사용법을 알고 다룰 수 있습니다.
  • 리액트 컴포넌트를 만들고 유용하게 사용할 수 있습니다.
  • 리액트와 불변의 관계를 이해합니다.



📣참고 사항

본 수업은 기술 자료가 부족한 언어로 번역할 계획이기 때문에 부득이하게 본문에 영어를 사용했으니 양해 부탁드립니다.



✍강의자 소개

생활코딩(이고잉)

  • 약 10만 멤버로 구성된 개발 커뮤니티 생활코딩 운영
  • 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업을 제공

This lecture is free to use in all lessons.

Curriculum
Expand All
  • 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
    수업을 마치며
    • 수업을 마치며
Recent Update|2020. 01. 06
Instructor Introduction
생활코딩Captain
홈페이지페이스북페이스북 그룹유튜브
생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그래밍을 공부하는 이유에 대한 이유를 함께 생각해보면 좋을 것 같습니다.
Lecture Reviews
Free
Average Rating
5.0
Difficulty
Normal
Lecture Period
Unlimited