Course Outline

최신 프런트엔드 애플리케이션 개발

  • React, Angular, Vue.js의 개요 및 유사점
  • 선언적 렌더링
  • 구성 요소 - 사용자 정의 HTML 태그 정의
  • create-react-app을 사용하여 React 프로젝트 초기화

현대 Java스크립트

  • node.js와 npm을 사용하여 개발
  • Java스크립트 버전
  • 모듈 작업
  • 함수와 화살표 함수
  • 클래스
  • Java스크립트의 함수형 프로그래밍(맵, 필터, ...)

TypeScript

  • 정적 및 동적 타이핑
  • 변수, 함수, 클래스의 유형 선언
  • 기본 데이터 유형
  • 튜플, 객체
  • 인터페이스
  • 제네릭

React 템플릿 언어

  • Java스크립트 기반 템플릿 언어: JSX
  • 요소 속성 설정
  • 반복되는 요소
  • 다른 경우라면
  • 이벤트
  • CSS 클래스와 스타일

React의 상태 관리

  • 애플리케이션 상태 설정 및 변경
  • 상태 후크setState 사용
  • 상태의 입력 요소 내용 캡처

구성요소: 최신 웹 애플리케이션의 빌딩 블록

  • React에 사용자 정의 HTML 태그 정의
  • 주, 소품 및 이벤트
  • 구성 요소 간의 데이터 흐름
  • 함수 구성요소와 클래스 구성요소
  • 함수 구성요소에 후크 사용
  • 구성요소 수명주기 이벤트(마운트, 업데이트, 마운트 해제)
  • 라이브러리의 사전 정의된 구성요소 포함

Redux을 사용한 상태 관리

  • Redux 기본: 순수 함수, 리듀서 및 불변 데이터를 사용한 상태 관리
  • React의 리듀서 후크 사용
  • Redux을 React 애플리케이션에 통합
  • 프리젠테이션 및 컨테이너 구성요소
  • Redux 생태계
  • Thunk를 사용하여 비동기 이벤트 처리
  • REST API에서 데이터 가져오기

개발자 도구 및 테스트

  • React 개발자 도구
  • Redux 개발자 도구
  • Jest를 사용하여 Java스크립트 테스트
  • 리듀서 테스트
  • React 구성 요소 테스트

React 라우터

  • 클라이언트 측 라우팅
  • 현재 브라우저 경로에 따라 다른 보기 표시

React을 이용한 앱 개발

  • React 네이티브에 대한 간략한 개요
  • Progressive Web Apps를 사용하여 설치 가능한 모바일 및 데스크톱 애플리케이션 만들기
  • 프로그레시브 웹 앱과 기본 앱 비교

Requirements

  • HTML 기본
  • JavaScript에 대한 경험
  21 Hours

Number of participants



Price per participant

회원 평가 (8)

Related Courses

Relay: Efficiently Fetch Data in React Applications

  14 Hours

Related Categories