코스 개요
현대 프론트엔드 애플리케이션 개발
- 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 hook과 setState 활용법
- 입력 필드의 내용을 상태에 저장하기
컴포넌트: 현대 웹 애플리케이션의 구성 요소
- 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 활용 경험
회원 평가 (7)
React의 핵심 개념, 특히 상태(state)와 훅(hooks)에 대해 마침내 탄탄한 이해를 갖게 되어 매우 유익했습니다. Łukasz는 이러한 개념들을 매우 명확하게 설명해 주었고, 우리가 가진 추가적인 질문을 해소하기 위해 실행 예제를 함께 실험하며 도움을 주는 데에도 적극적이었습니다.
Hayden Pike - Powerlink Queensland
코스 - React, Redux and TypeScript
기계 번역됨
트레이너가 영감을 주는 침착함과 자신감, 설명 방식 및 세부 사항에 대한 내용입니다.
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
기계 번역됨