전체교육일정
교육개요
본 과정에서는 최신 웹 개발 트렌드에 맞춰 강력하고 유연한 프론트엔드 개발 언어인 TypeScript와 Angular 프레임워크를 깊이 있게 다룹니다. TypeScript의 타입 시스템과 최신 ES6+ 문법, Angular의 모듈식 아키텍처를 통해 더 안정적이고 유지보수가 용이한 웹 애플리케이션을 구축하는 방법을 배우게 됩니다. 이론과 함께 다양한 실습과 프로젝트를 통해 실전에서 즉시 활용할 수 있는 경험을 쌓을 수 있도록 구성되었습니다.
교육목표
이 과정을 통해 학습자는 TypeScript와 Angular의 기본부터 심화 내용까지 체계적으로 학습하며, 효과적인 프론트엔드 웹 애플리케이션 개발 능력을 키우게 됩니다. 현대적인 웹 개발의 핵심인 컴포넌트 기반 개발 방식과 반응형 UI 설계, 그리고 애플리케이션 상태 관리까지 실무적이고 전문적인 지식을 습득할 수 있습니다.
강의내용
[Chapter 1: TypeScript 기본 이해]
· 학습 목표:
JavaScript의 기본 개념을 복습하고 TypeScript의 추가적인 자료형 및 기능을 이해합니다.
· 주요 내용:
1. JavaScript의 데이터 타입과 기본 개념 설명
2. TypeScript의 추가 데이터 타입과 특징 이해
3. 함수의 정의, 반환 타입과 void의 의미 파악
4. TypeScript 개발 환경 설정 및 관련 도구 소개
[Chapter 2: TypeScript 심화 실습]
· 학습 목표:
TypeScript의 객체지향 프로그래밍 기능을 실습하고, 타입 안전성을 확보하는 방법을 배웁니다.
· 주요 내용:
1. 클래스 상속, 구현 방법과 생성자(constructor) 사용
2. 인터페이스의 정의와 타입 체킹에서의 역할
3. 타입 단언(Assertions), 별칭(Alias)을 이용한 타입 정의
4. 제네릭(Generic)을 활용한 유연한 타입 사용 방법
[Chapter 3: Angular 구성 요소와 실습]
· 학습 목표:
Angular의 주요 구성 요소를 사용하여 웹 애플리케이션의 주요 기능을 구현합니다.
· 주요 내용:
1. Angular 컴포넌트와 서비스 구성 방법
2. 모듈과 라우터를 이용한 애플리케이션 구조화
3. 의존성 주입(Dependency Injection)의 원리와 사용법
4. 템플릿과 데이터 바인딩을 통한 인터랙티브 UI 구성
5. 데이터 표시와 변환을 위한 파이프(Pipes) 활용
6. 기본 CRUD 기능의 구현과 관리
[Chapter 4: Angular 프로젝트 실습]
· 학습 목표:
실제 프로젝트를 통해 Angular의 템플릿, 데이터 바인딩, 파이프 등을 실무에 적용합니다.
· 주요 내용:
1. 프로젝트 구성 및 템플릿 작성 실습
2. 데이터 바인딩 기법을 활용한 양방향 통신 구현
3. 파이프를 사용한 데이터 포맷팅 및 커스텀 파이프 개발
4. 간단한 CRUD 애플리케이션 구축을 통한 실전 적용 연습