연락처 정보

코스 개요

현대 프론트엔드 애플리케이션 개발

  • React, Angular, Vue.js 간의 개요 및 유사점
  • 선언형 렌더링 방식
  • 컴포넌트 – 사용자 정의 HTML 태그 생성하기
  • create-react-app을 활용해 React 프로젝트 초기화하기

현대 JavaScript

  • node.js와 npm을 활용한 개발
  • JavaScript 버전별 특징
  • 모듈 기반 개발 방식
  • 함수 및 화살표 함수의 사용법
  • 클래스 활용 방법
  • JavaScript에서 함수형 프로그래밍 적용(예: map, filter 등)

TypeScript

  • 정적 타이핑과 동적 타이핑의 차이점
  • 변수, 함수, 클래스에 타입 선언하기
  • 기본 데이터 타입 이해하기
  • 튜플 및 객체 활용법
  • 인터페이스 정의와 활용
  • 제네릭 개념 및 사용법

React 템플릿 언어

  • JavaScript 기반 템플릿 언어: JSX
  • 엘리먼트 속성 지정 방법
  • 요소 반복 처리하기
  • if / else 구문 활용법
  • 이벤트 핸들링 방법
  • CSS 클래스 및 스타일 적용법

React에서 상태 관리하기

  • 애플리케이션 상태 설정 및 변경 방법
  • state hooksetState 활용법
  • 입력 필드의 내용을 상태에 저장하기

컴포넌트: 현대 웹 애플리케이션의 구성 요소

  • React에서 사용자 정의 HTML 태그 생성법
  • 상태, 프로퍼티 및 이벤트 개념 이해하기
  • 컴포넌트 간 데이터 흐름 관리 방식
  • 함수형 컴포넌트와 클래스형 컴포넌트의 차이점
  • 함수형 컴포넌트에서 hooks 사용법
  • 컴포넌트 생명주기 이벤트(마운팅, 업데이트, 언마운팅)
  • 라이브러리에 포함된 기존 컴포넌트 활용하기

Redux를 활용한 상태 관리

  • Redux의 핵심 개념: 순수 함수와 리듀서, 불변성 데이터 사용법
  • React에서 reducer hook 사용법
  • React 애플리케이션에 Redux 통합하기
  • 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트 구분 방법
  • Redux 생태계 소개
  • Thunk를 이용한 비동기 이벤트 처리법
  • REST API로부터 데이터 가져오기

개발 도구 및 테스트 방법

  • React 개발자 도구 활용법
  • Redux 개발자 도구 사용법
  • Jest를 이용한 JavaScript 테스트 방식
  • 리듀서 테스트 기법
  • React 컴포넌트 단위 테스트 방법

React Router

  • 클라이언트 측 라우팅 개념 이해하기
  • 브라우저 경로에 따라 각기 다른 화면 표시 방법

React 기반 애플리케이션 개발

  • React Native 개요 설명
  • 프로그레시브 웹 앱을 활용해 모바일 및 데스크톱용 애플리케이션 제작법
  • 프로그레시브 웹 앱과 네이티브 앱 간의 비교 분석

요건

  • HTML 기초 지식
  • JavaScript 활용 경험
 21 시간

참가자 수


참가자별 가격

회원 평가 (7)

예정된 코스

관련 카테고리