앵귤러 컴포넌트2 앵귤러 기초(Angular basic) 5.템플릿, 컴포넌트 만들기 템플릿과 컴포넌트를 만들어보는 실습을 해보겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. 템플릿의 두 가지 작성법 bootstrap, fontawesome 설치 외부 라이브러리 글로벌 css설정 템플릿 만들기 컴포넌트 만들기 템플릿을 만드는 두 가지 방법 이전 포스트에선 AppComponet에 대한 인라인 템플릿을 만들었습니다. 위 예제는 Component의 메타데이터 에서 직접 템플릿을 정의 하고 이런 방식을 인라인 템플릿이라고 합니다. 하지만 이것이 componet에 대한 템플릿을 구축 할 수 있는 유일한 방법은 아닙니다. 템플릿을 작성한는 방법은 크게 두가지가 있습니다 인라인 템플릿 파일로 연결된 템플릿 1. 인라인 템플릿 메타데이터의 'template'속성을 사용하고 위와 같이 작은따옴.. 2022. 1. 16. 앵귤러 기초(Angular basic) 3.angular component 지난 두 번의 포스트를 통해 앵귤러 환경구축을 했습니다. 그리고 angular cli를 이용하여 앵귤러 앱을 만들고 기동을 해보았습니다. 이번 포스트에선 angular component에 대해 알아보도록 하겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. component란 무엇인가 클래스 파악하기 Import문의 역할 Component 란 무엇인가 Component의 구성요소는 다음과 같습니다. template class decorator Angular Component는 템플릿으로 정의된 뷰, 클래스, 데코레이터로 정의된 메타데이터로 이루어져 있습니다. Template 템플릿은 애플리케이션 뷰를 표현하는 레이아웃으로 component의 구성 요소 중 하나 입니다. HTML로 작성을 하며 페이.. 2022. 1. 13. 이전 1 다음
