React Patterns 교육 과정
이 강사는 리액트 기술을 보유한 개발자들이 리액트의 컴포넌트 패턴을 이해하고 적용하여 리액트 애플리케이션을 최적화하고 개선할 수 있도록 도와줍니다. 온라인 또는 현장 강의를 통해 진행됩니다.
이 교육을 마친 후 참가자들은 다음을 할 수 있게 됩니다:
- 리액트 패턴의 다양한 유형을 이해할 수 있습니다.
- 웹 애플리케이션에서 리액트 컨텍스트 API를 사용할 수 있습니다.
강의 형식
- 상호작용형 강의 및 토론.
- 다양한 연습과 실습.
- 라이브 랩 환경에서 직접 구현.
강의 맞춤화 옵션
- 이 강의를 맞춤형 교육으로 요청하려면 문의하여 주시기 바랍니다.
- 리액트에 대해 더 알아보려면 다음 링크를 방문하세요: https://reactjs.org
코스 개요
소개
- React 패턴이란 무엇입니까?
- React 패턴의 종류
- React 패턴에 대한 기본 지식
구성 요소 패턴
- 컨테이너, 프리젠테이션, 고차 구성요소, 렌더 콜백과 같은 다양한 유형의 패턴 사용
- ContextAPI 사용
렌더 소품 패턴
- Render Props 패턴으로 Render Prop 컴포넌트 생성
상태 관리
- 전역, 구성 요소, 상대 및 제공 상태 간의 차이점 이해
공급자 패턴
- React 컨텍스트를 사용하여 공급자 패턴 구현
- 의존성 주입 사용
여러 패턴의 조합
요약 및 결론
요건
- 기본 HTML, CSS 및 JavaScript에 대한 이해.
대상
- 개발자
오픈 트레이닝 코스는 5명 이상의 참가자가 필요합니다.
React Patterns 교육 과정 - 예약
React Patterns 교육 과정 - 문의
React Patterns - 컨설팅 문의
회원 평가 (1)
트레이너는 얼음을 깨는 데 훌륭한 역할을 하고, 모든 사람이 참여하도록 독려하는 주도권을 잡았습니다. 아무도 소외되지 않았고, 그는 각 사람의 어려움에 잘 적응했습니다. 그는 참가자들이 제기한 문제점과 질문들을 활용하여 전체 청중에게 더 명확한 설명을 제공했습니다.
Joao Aguiar - INESC TEC
코스 - React: Build Highly Interactive Web Applications
기계 번역됨
예정된 코스
관련 코스
고급 React
14 시간대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 React 구성 요소를 구축하고 복잡한 애플리케이션을 설계하려는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 컨텍스트 API, HOC, 외부 상태, 비동기 API 등을 포함한 React의 고급 개념을 이해합니다.
- React로 구성 가능한 구성요소를 빌드하세요.
- 서버 측 및 클라이언트 측 인증을 활성화합니다.
- 복잡한 상태 저장 애플리케이션을 관리하려면 React 및 Redux 라이브러리를 구현하세요.
- 코드를 줄이고 애플리케이션 성능을 최적화합니다.
- 애플리케이션을 테스트하고 배포합니다.
FARM (FastAPI, React, and MongoDB) 풀 스택 개발
14 시간이 강사는 온라인 또는 현장에서 개발자들을 대상으로 동적, 고성능, 확장 가능한 웹 애플리케이션을 구축하기 위해 FARM(FastAPI, React, MongoDB) 스택을 사용하는 인터랙티브 라이브 트레이닝입니다.
이 트레이닝을 통해 참가자는 다음을 할 수 있습니다:
- FastAPI, React, MongoDB를 통합하는 개발 환경 설정.
- FARM 스택의 주요 개념, 기능 및 이점 이해.
- FastAPI를 사용하여 REST API 구축.
- React를 사용하여 상호작용 애플리케이션 설계.
- FARM 스택을 사용하여 애플리케이션 개발, 테스트 및 배포(프론트엔드 및 백엔드).
자바스크립트 프레임워크 선택하기
14 시간이 강사가 진행하는 실시간 교육(현장 또는 원격)은 프런트 엔드 애플리케이션 개발에 사용할 Java스크립트 프레임워크를 결정해야 하는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 프론트엔드 애플리케이션 개발을 시작하기 위한 최적의 개발 환경을 설정합니다.
- Java스크립트 프레임워크의 제한 사항과 이점을 테스트하기 위해 데모 애플리케이션을 구현합니다.
- 어떤 Java스크립트 프레임워크가 가장 적합한지 결정하세요.
JavaScript, Node JS 및 React 부트캠프 (초급에서 중급 수준)
35 시간대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 JavaScript, Node.js 및 React에 능숙해지고 시스템/플랫폼을 적극적으로 개발하고 마이그레이션하려는 초보 수준의 .NET 개발자를 대상으로 합니다.
이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.
- JavaScript 코드를 효과적으로 작성하고 디버깅하세요.
- Node.js을 사용하여 서버 측 애플리케이션을 빌드하고 배포합니다.
- React을 사용하여 동적이고 반응성이 뛰어난 사용자 인터페이스를 개발하세요.
- 프런트엔드와 백엔드 구성요소를 통합하여 풀스택 애플리케이션을 만듭니다.
- 레거시 시스템을 최신 JavaScript 기반 플랫폼으로 마이그레이션하기 위한 모범 사례를 이해합니다.
MERN 풀스택 개발
14 시간대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 풀스택 개발을 위해 MERN 스택을 사용하려는 웹 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- React을 MongoDB, Express 및 Node.js와 통합합니다.
- 풀스택 웹 애플리케이션을 처음부터 구축해 보세요.
- 권한 부여 및 인증을 통해 애플리케이션 보안을 구현합니다.
리액트로 마이크로 프론트엔드 구축
21 시간대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 React을 사용하여 대규모 웹 애플리케이션용 마이크로 프런트엔드를 개발, 테스트 및 배포하여 확장성이 뛰어나고 기술에 구애받지 않는 개발자를 대상으로 합니다. , 유지 관리가 더 쉽습니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- React을 사용하여 마이크로 프런트엔드 개발을 시작하는 데 필요한 개발 환경을 설정합니다.
- 마이크로 프런트엔드의 아키텍처, 핵심 개념, 장점을 이해합니다.
- React을 사용하여 마이크로 프런트엔드를 구축, 통합, 테스트 및 배포하는 방법을 알아보세요.
- 모듈 페더레이션을 통해 마이크로 프런트엔드를 구현합니다.
- CI/CD 파이프라인 프로덕션 등급 워크플로를 적용합니다.
- 마이크로 프런트엔드의 CSS와 관련된 일반적인 문제와 해결 방법을 알아보세요.
- React을 사용하여 다른 프런트엔드 프레임워크를 구현하는 방법에 대한 통찰력을 얻으세요.
NodeJS와 React를 사용한 마이크로서비스 구축
21 시간이 강사 주도의 실시간 훈련(온라인 또는 현장)은 NodeJS와 React로 마이크로서비스를 구축하고 배포하며 확장하려는 숙련된 개발자를 대상으로 합니다.
이 트레이닝이 끝나면 참가자들은 다음과 같은 능력을 갖추게 됩니다:
- 다른 마이크로서비스를 사용하여 애플리케이션을 개발, 배포, 확장합니다.
- 서버 사이드 렌더링된 React 애플리케이션을 구축합니다.
- Docker와 Kubernetes를 사용하여 다중 서비스 앱을 클라우드에 배포합니다.
- 마이크로서비스에서 애플리케이션 테스팅을 수행합니다.
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 애플리케이션을 프로그레시브 웹 앱(PWA)으로 변환하기
14 시간이 강사 주도의 실시간 교육은 대한민국(현장 또는 원격)에서 React 애플리케이션을 프로그레시브 웹 앱으로 변환하길 원하는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음과 같이 할 수 있게 됩니다:
- React 애플리케이션을 변환하기 위해 필요한 개발 환경을 설정합니다.
- Service Worker를 사용하여 React 애플리케이션이 오프라인에서 작동하도록 캐시합니다.
- 푸시 알림을 만들고 스타일을 적용합니다.
- 프로그레시브 웹 앱을 모바일 장치에 설치합니다.
React, Redux 및 TypeScript
21 시간React는 JavaScript와 HTML을 사용하여 단일 페이지 애플리케이션을 만들기 위해 널리 사용되는 라이브러리입니다. Facebook, Instagram, Netflix, New York Times와 같은 회사에서 사용하고 있습니다.
이 강좌는 React와 같은 다른 라이브러리(Angular, Vue.js 포함) 및 기술(Redux, React-Router 포함)의 기초를 소개하며, React의 특정 사항을 강조합니다. 또한 React와 함께 일반적으로 사용되는 기술에 대해 다루겠습니다.
이 강좌를 마친 후, 참가자들은 React를 사용하여 다양한 복잡도의 애플리케이션을 작성할 수 있으며, 이를 통해 최상의 결과를 얻을 수 있습니다.
React, Relay, 및 GraphQL
14 시간본 강사 주도형 실시간 교육(현장 또는 원격)은 React 애플리케이션에서 데이터를 관리하기 위해 GraphQL과 Relay를 사용하고자 하는 개발자를 대상으로 합니다.
본 교육을 통해 학습자는 다음과 같은 능력을 갖추게 됩니다:
- React 애플리케이션에서 데이터 제어를 시작하기 위한 필수 개발 환경을 설정합니다.
- 즉시 UI 응답 상호작용을 제공합니다.
- 여러 라이브러리의 데이터를 하나의 편리한 API로 집계합니다.
- GraphQL과 Relay를 사용하여 사전 가져오기를 수행합니다.