SPA(Single-page Application) 풀스택 웹개발 과정 with Angular8

이 안내문은 Angular 8를 사용하여 전체 기능을 가진 Single Page Application(SPA)을 구축하는 과정의 개요입니다. 각 단계별로 설명되고, 이론과 실제 코드 작성 사이에 연결이 잘 설정되어 있습니다. 아래는 각 부분에 대한 간략한 설명입니다:

1. Template(템플릿) 이론 설명: Angular의 템플릿 언어와 데이터 바인딩, 디렉티브들에 대해 설명합니다.

2. 스타일 이론 설명: Angular 애플리케이션에서 사용할 수 있는 CSS 선언과 Angular의 CSS encapsulation(캡슐화) 방법에 대해 설명합니다.

3. Customers_03_부트스트랩을 사용하여 고객 관리 5개 페이지에 대한 순수 HTML 디자인 적용: Bootstrap을 사용하여 각 페이지의 UI를 구성합니다.

4. 내장 지시자(Built-in Directives) 이론 설명: Angular의 내장 디렉티브들(*ngIf, ngFor 등)에 대해 설명합니다.

5. Customers_04_Customer 모델 클래스 생성 및 각각의 컴포넌트에 OnInit 및 모델 클래스적용: Angular의 TypeScript 모델을 만들고, OnInit 라이프사이클 훅을 사용하여 컴포넌트 초기화를 수행합니다.

6. 데이터 바인딩 이론 설명: Angular의 양방향 데이터 바인딩, 일방향 데이터 바인딩에 대해 설명합니다.

7. 앵귤러 데이터 바인딩 소개 및 데모: 실제 Angular 애플리케이션에서 데이터 바인딩을 적용해보는 예제를 들어 설명합니다.

8. 앵귤러 라우팅 이론 설명: Angular의 라우팅 시스템과 RouterModule에 대해 설명합니다.

9. Customers_05_ActivatedRoute와 Router 클래스를 사용하여 파라미터 받기 및 페이지 이동하기: ActivatedRoute와 Router 서비스를 사용하여 URL 파라미터를 처리하고 네비게이션을 수행합니다.

10. Customers_06_HTTP 요청 및 데이터 관리: Angular의 HttpClient를 사용하여 RESTful API와의 통신을 설정하고, 비동기적으로 데이터를 가져오는 방법을 배웁니다.

11. Customers_07_서비스(Service) 구현: 비즈니스 로직을 처리하는 서비스를 만들고, 애플리케이션의 여러 부분에서 공유할 수 있도록 설명합니다.

12. Customers_08_힙(Heap) 및 메모리(Memory) 관리: Angular 애플리케이션의 메모리 사용 최적화에 대해 설명합니다.

13. Customers_09_테스트(Testing): Jasmine과 Karma를 사용하여 Angular 애플리케이션을 단위 테스트하는 방법을 배웁니다.

14. Customers_10_배포(Deployment): Angular 애플리케이션을 프로덕션 환경에서 실행할 수 있도록 Azure Web Apps와 같은 클라우드 서비스에 배포하는 과정을 안내합니다.

각 단계별로 상세한 코드와 함께, Angular의 구조와 패턴을 이해하는 것이 중요합니다. 이 안내문은 그러한 이해를 돕기 위한 개략적인 가이드라인으로, 실제 구현에서는 Angular의 공식 문서와 다양한 튜토리얼을 참조하여 더욱 자세히 진행할 수 있습니다.