코스 개요

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

  • 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를 사용하여 설치 가능한 모바일 및 데스크톱 애플리케이션 만들기
  • 프로그레시브 웹 앱과 기본 앱 비교

요건

  • HTML 기본
  • JavaScript에 대한 경험
 21 시간

참가자 수


참가자별 가격

오픈 트레이닝 코스는 5명 이상의 참가자가 필요합니다.

회원 평가 (7)

트레이너가 영감을 주는 침착함과 자신감, 설명 방식 및 세부 사항에 대한 내용입니다.

Cosmin Ghergheles - Ness
코스 - React, Redux and TypeScript

기계 번역됨

기본 구성요소를 다루었습니다

Valentin
코스 - React, Redux and TypeScript

기계 번역됨

Łukasz의 열정.

Eloise Phelps - Dunelm
코스 - React, Redux and TypeScript

기계 번역됨

루크가 코드 실행에 문제가 있는 사람들을 개별적으로 도와주기 위해 좋은 노력을 기울였습니다. 루크는 매우 친절했고, 수강생들과 잘 지냈습니다.

Jonathan Grout - Dunelm
코스 - React, Redux and TypeScript

기계 번역됨

트레이너가 모든 참가자들과의 소통이 매우 좋았습니다. 과정 중 어느 시점에서든 모두가 도움을 받았습니다. 전반적으로 very good한 경험으로, 특히 해당 주제에 익숙하지 않은 사람들에게 유용했습니다.

Tayyab Ejaz Mushtaq - Dunelm
코스 - React, Redux and TypeScript

기계 번역됨

안전한 환경 같다는 점이 마음에 들었고, 스크린을 공유하거나 트레이너나 그룹과 문제를 나누는 데 두려움 없이 할 수 있었습니다.

Wanda Hawkins-Kavanagh - Dunelm
코스 - React, Redux and TypeScript

기계 번역됨

코스에 실습이 포함되어 있다는 점을 좋아했습니다. 루카시가 각자 도와주려고 노력하는 모습과 다른 참가자의 불안을 처리하는 방식도 마음에 들었습니다. 그가 주제에 대해 잘 아는 것이 인상적이었습니다.

Samuel Irsai - Dunelm
코스 - React, Redux and TypeScript

기계 번역됨

예정된 코스

React, Redux 및 TypeScript

2026-02-09 10:00
21 시간
Seoul - Gran Seoul
₩ 7500000 ((온라인))
₩ 15000000 (강의실)

React, Redux 및 TypeScript

2026-02-23 10:00
21 시간
Seoul Center 1
₩ 7500000 ((온라인))
₩ 15000000 (강의실)

React, Redux 및 TypeScript

2026-03-09 10:00
21 시간
Jungang-Dong Center
₩ 7500000 ((온라인))
₩ 15000000 (강의실)

React, Redux 및 TypeScript

2026-03-23 10:00
21 시간
Seoul - Gran Seoul
₩ 7500000 ((온라인))
₩ 15000000 (강의실)

React, Redux 및 TypeScript

2026-04-06 10:00
21 시간
Seoul Center 1
₩ 7500000 ((온라인))
₩ 15000000 (강의실)

React, Redux 및 TypeScript

2026-04-20 10:00
21 시간
Jungang-Dong Center
₩ 7500000 ((온라인))
₩ 15000000 (강의실)

관련 코스

고급 React

14 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 React 구성 요소를 구축하고 복잡한 애플리케이션을 설계하려는 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • 컨텍스트 API, HOC, 외부 상태, 비동기 API 등을 포함한 React의 고급 개념을 이해합니다.
  • React로 구성 가능한 구성요소를 빌드하세요.
  • 서버 측 및 클라이언트 측 인증을 활성화합니다.
  • 복잡한 상태 저장 애플리케이션을 관리하려면 React 및 Redux 라이브러리를 구현하세요.
  • 코드를 줄이고 애플리케이션 성능을 최적화합니다.
  • 애플리케이션을 테스트하고 배포합니다.
더 읽기...

고급 TypeScript

7 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 TypeScript의 고급 기능을 사용하여 JavaScript 애플리케이션을 만들고 구축하려는 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • TypeScript 및 Node.js 애플리케이션 개발을 시작하는 데 필요한 개발 환경을 설정합니다.
  • Typescript의 고급 기능을 활용하여 오류를 줄이고 깔끔하고 표현력이 풍부한 코드를 작성하세요.
  • TypeScript를 사용하여 Webpack을 구성하고 사용하여 복잡한 프런트 엔드 UI를 구축합니다.
  • 사용자 정의 데이터 유형(Union, Intersection, Tuple 유형 등)을 사용하여 기존 일반 유형을 확장합니다.
  • 오류 처리 및 응답 유효성 검사를 위한 비동기 코드 패턴 및 API를 구현합니다.
  • TypeScript 및 Node.js 애플리케이션을 프로덕션 환경(AWS EC2, Heroku 등)에 배포합니다.
더 읽기...

자바스크립트 프레임워크 선택하기

14 시간

이 강사가 진행하는 실시간 교육(현장 또는 원격)은 프런트 엔드 애플리케이션 개발에 사용할 Java스크립트 프레임워크를 결정해야 하는 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • 프론트엔드 애플리케이션 개발을 시작하기 위한 최적의 개발 환경을 설정합니다.
  • Java스크립트 프레임워크의 제한 사항과 이점을 테스트하기 위해 데모 애플리케이션을 구현합니다.
  • 어떤 Java스크립트 프레임워크가 가장 적합한지 결정하세요.
더 읽기...

MERN 풀스택 개발

14 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 풀스택 개발을 위해 MERN 스택을 사용하려는 웹 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • React을 MongoDB, Express 및 Node.js와 통합합니다.
  • 풀스택 웹 애플리케이션을 처음부터 구축해 보세요.
  • 권한 부여 및 인증을 통해 애플리케이션 보안을 구현합니다.
더 읽기...

Next.js 14 고급 개발

21 시간

대한민국(온라인 또는 현장)에서 진행되는 이 강사가 진행하는 라이브 교육은 Next.js 14의 발전을 탐색하고 커팅을 구축하기 위한 지식을 얻고자 하는 중급 및 고급 수준의 웹 개발자 및 기술 설계자를 대상으로 합니다. 엣지 웹 애플리케이션.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • 복잡한 애플리케이션을 구축하기 위해 Next.js 14의 잠재력을 최대한 활용하세요.
  • 미들웨어, React 서버 구성요소, 엣지 기능 등 최신 기능을 활용하세요.
  • 성능, 확장성 및 SEO에 대한 모범 사례를 구현합니다.
  • Next.js 애플리케이션의 일반적인 문제를 효과적으로 해결하세요.
더 읽기...

Next.js 14 - 고급

 21 시간

대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 Next.js 14의 최신 기능을 마스터하고 성능을 최적화하며 최신 React 기술을 구현하려는 고급 개발자를 대상으로 합니다.

이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.

  • 고급 React 후크 및 동시 기능을 구현합니다.
  • Next.js 라우팅 전략을 효과적으로 이해하고 활용하세요.
  • 서버 구성요소, 서버 액션 및 하이브리드 렌더링 방식을 활용합니다.
  • 데이터 가져오기, 캐싱 및 증분적 정적 재생성을 최적화합니다.
  • Edge Functions 및 Edge Runtime과 함께 백엔드 솔루션으로 Next.js을 사용하세요.
  • React 컨텍스트, Redux 및 원자 상태 라이브러리를 사용하여 상태를 관리합니다.
  • 웹 코어 바이탈을 위해 애플리케이션 성능을 최적화합니다.
  • Next.js 애플리케이션을 효율적으로 테스트, 모니터링 및 배포합니다.
더 읽기...

리액트: 고도로 상호작용적인 웹 애플리케이션 구축

21 시간

강사가 진행하는 이 대한민국 실시간 교육에서는 React의 강력함과 유연성을 보여주고, 이를 대체 프레임워크와 비교하며, 참가자에게 자신만의 React 애플리케이션을 만드는 과정을 단계별로 안내합니다.

이 과정이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • React의 디자인 철학을 이해합니다.
  • 언제 어디서 React을 사용하는 것이 합리적인지, 그리고 언제 기존 MVC 모델을 재고할지 결정하십시오.
  • 구성 요소, 소품, 상태 및 수명 주기와 같은 React 개념을 이해합니다.
  • Babel, Webpack, JSX 등 관련 기술을 구현합니다.
  • 대화형 웹 애플리케이션을 구축, 테스트 및 배포합니다.
더 읽기...

인터랙티브 애플리케이션을 React, Redux 및 GraphQL로 구축하기

 28 시간

이 강사가 진행하는 대한민국 실시간 교육에서 참가자는 Flux 및 GraphQL을 사용하여 React 애플리케이션을 구축하는 방법을 배웁니다. 이 과정에서는 설치, 설정, 통합, 테스트, 배포 및 모범 사례를 다루며 참가자들에게 최첨단 툴킷을 사용하여 응용 프로그램에 복잡성과 "멋짐"을 추가하는 방법을 보여주는 일련의 샘플 응용 프로그램을 만드는 과정을 안내합니다. 기법.

React을 사용하여 애플리케이션을 개발하려면 일부 개발자에게 익숙한 것과는 다른 종류의 사고가 필요합니다. 특히 AngularJS 및 Bootstrap과 같은 다른 MVC 프레임워크의 사고방식에서 비롯된 경우 더욱 그렇습니다. 이 교육에서는 각 단계에서 사용되는 기술의 기본 사항을 다루므로 참가자는 기능적 애플리케이션을 구축할 수 있을 뿐만 아니라 특정 접근 방식이 사용되는 이유도 이해할 수 있습니다. 이는 미래에 자체 애플리케이션을 구축하기 위해 디자인과 원하는 결과에 대해 독립적이고 창의적으로 생각할 수 있는 토대를 마련합니다.

더 읽기...

React와 Next.js

14 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 Next.js를 사용하여 React 애플리케이션을 만들려는 웹 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • Next.js에서 서버 측 웹 애플리케이션과 정적 사이트를 개발하세요.
  • MongoDB으로 데이터를 처리하고 저장합니다.
  • AuthO 인증으로 웹 애플리케이션을 보호합니다.
더 읽기...

React Patterns

14 시간

이 강사는 리액트 기술을 보유한 개발자들이 리액트의 컴포넌트 패턴을 이해하고 적용하여 리액트 애플리케이션을 최적화하고 개선할 수 있도록 도와줍니다. 온라인 또는 현장 강의를 통해 진행됩니다.

이 교육을 마친 후 참가자들은 다음을 할 수 있게 됩니다:

  • 리액트 패턴의 다양한 유형을 이해할 수 있습니다.
  • 웹 애플리케이션에서 리액트 컨텍스트 API를 사용할 수 있습니다.

강의 형식

  • 상호작용형 강의 및 토론.
  • 다양한 연습과 실습.
  • 라이브 랩 환경에서 직접 구현.

강의 맞춤화 옵션

  • 이 강의를 맞춤형 교육으로 요청하려면 문의하여 주시기 바랍니다.
  • 리액트에 대해 더 알아보려면 다음 링크를 방문하세요: https://reactjs.org
더 읽기...

React 애플리케이션을 프로그레시브 웹 앱(PWA)으로 변환하기

 14 시간

이 강사 주도의 실시간 교육은 대한민국(현장 또는 원격)에서 React 애플리케이션을 프로그레시브 웹 앱으로 변환하길 원하는 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음과 같이 할 수 있게 됩니다:

  • React 애플리케이션을 변환하기 위해 필요한 개발 환경을 설정합니다.
  • Service Worker를 사용하여 React 애플리케이션이 오프라인에서 작동하도록 캐시합니다.
  • 푸시 알림을 만들고 스타일을 적용합니다.
  • 프로그레시브 웹 앱을 모바일 장치에 설치합니다.
더 읽기...

React, Relay, 및 GraphQL

 14 시간

본 강사 주도형 실시간 교육(현장 또는 원격)은 React 애플리케이션에서 데이터를 관리하기 위해 GraphQL과 Relay를 사용하고자 하는 개발자를 대상으로 합니다.

본 교육을 통해 학습자는 다음과 같은 능력을 갖추게 됩니다:

  • React 애플리케이션에서 데이터 제어를 시작하기 위한 필수 개발 환경을 설정합니다.
  • 즉시 UI 응답 상호작용을 제공합니다.
  • 여러 라이브러리의 데이터를 하나의 편리한 API로 집계합니다.
  • GraphQL과 Relay를 사용하여 사전 가져오기를 수행합니다.
더 읽기...

Spring Boot, React, and Redux

 14 시간

대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Spring Boot, React, and Redux을 사용하여 기능적인 프런트엔드 및 백엔드 웹 애플리케이션을 구축하려는 웹 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • React와 Redux를 사용하여 프런트엔드 애플리케이션을 구축하세요.
  • Spring Boot을 사용하여 RESTful API를 만듭니다.
  • Spring 보안과 JWT 웹 토큰을 사용하여 웹 서비스를 보호하세요.
더 읽기...

타입스크립트

 7 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육에서는 TypeScript의 주요 기능을 소개하고 참가자에게 실제 JavaScript 애플리케이션 구축 과정을 안내합니다.

더 읽기...

JavaScript with TypeScript and Full-Stack Development

 35 시간

JavaScript는 웹, 모바일, 데스크톱 개발에서 널리 사용되는 동적이고 고급 프로그래밍 언어입니다. 현대적인 프레임워크와 TypeScript의 발전으로 JavaScript는 전체 스택 애플리케이션 개발의 핵심이 되었습니다.

이 강사 주도 실시간 교육(온라인 또는 오프라인)은 초급에서 중급 수준의 개발자들을 대상으로 JavaScript, TypeScript 및 현대 도구와 실천을 사용한 전체 스택 개발 마스터링에 목표를 두고 있습니다.

이 교육을 통해 참가자들은 다음과 같은 능력을 갖추게 됩니다:

  • 청결하고 현대적인 JavaScript 및 TypeScript 코드 작성
  • React를 사용한 인터랙티브 프론트엔드 애플리케이션 구축
  • Node.js와 Express를 사용한 확장 가능한 백엔드 API 개발
  • Electron을 사용한 데스크톱 애플리케이션 생성
  • 전체 스택 애플리케이션 테스트, 문서화 및 배포

코스 형식

  • 대화형 강의와 토론
  • 많은 연습과 실습
  • 실시간 실험 환경에서 직접 구현

코스 맞춤 옵션

  • 이 코스를 위한 맞춤형 교육을 요청하려면 저희에게 연락해 주세요.
더 읽기...

관련 카테고리

React
React
TypeScript
TypeScript