반응형
앵귤러(Angular) 애플리케이션 구조
-
웹 앱 프레임워크 앵귤러(Angular) 애플리케이션 구조와 디렉토리 구조앵귤러(Angular)/앵귤러(Angular) 시작하기 2022. 4. 9. 17:48
애플리케이션 구조 앵귤러(Angular) 애플리케이션은 컴포넌트(Component) 단위로 구성한다. 컴포넌트는 특정 영역을 담당하며 동작을 처리하는 단위이다. 앵귤러(Angular)에서 애플리케이션 구성과 디렉토리를 연결해 보고 디렉토리에는 어떤 파일이 있는지 살펴 보자. 컴포넌트 구성 3가지 1. 컴포넌트 클래스는 데이터를 관리하고 동작을 처리한다. 2. HTML 템플릿은 화면을 구성한다. 3. 컴포넌트용 스타일은 화면이 어떤 모습으로 표시될지 지정한다. 애플리케이션 구성 1. 다른 컴포넌트를 띄울 수 일도록 제일 먼저 로딩되는 컴포넌트 2. 온라인 샵의 이름과 주문 버튼을 표시하는 컴포넌트 3. 상품 목록을 표시하는 컴포넌트 디렉토리 구조 1. app 디렉토리 최상위 모듈(NgModule) 과 컴포..