본문 바로가기

Component2

Angular - Template 안녕하세요. 이번시간에는 Template에 대해 알아보도록 하겠습니다. Template - HTMl코드로서 템플릿을 작성 div, form태그 등을 사용하고, 스크립트는 사용하지 않음 - Template 표현식(Expression) : 자바스크립트와 비슷하게 변수 등을 뜻함 - Template 문장(Statement) : 이벤트 바인딩 할 때 사용 -바인딩 : 컴퍼넌트 즉 컴퍼넌트 속성과 데이터를 DOM((Document Object Model) 속성과 이벤트를 연결하는 것을 의미 바인딩 대상 : 속성,이벤트, ngModel, Class, stle 속성 바인딩 [] 은 todo컴퍼넌트의 todo 속성의 데이터를 바인딩 시킴 DOM에서 어떠한 이벤트가 일어나면 템플릿에 무언가를 하겠다라는 이벤트 바인딩 이.. 2020. 5. 10.
Angular - Component 안녕하세요. 저번시간에 모듈에 대해 알아봤는데요. 지난 시간이 이어 Angular의 Component에 대해 알아보고 컨퍼넌트 안에서 또 다른 컨퍼넌트를 동작시키는 실습을 해보겠습니다. 전과 같은 프로젝트를 사용할 예정입니다. https://le-piee.tistory.com/29 Component Angular는 여러 컴퍼넌트로 구성되어 있음 - 뷰와 로직으로 구성 HTML 요소들의 그룹 -DOM과 같은 트리구조로 UI 요소들을 구성 W3C 표준 웹 컴포넌트 기술을 기반으로 함( https://developer.mozilla.org/ko/docs/Web/Web_Components) -하나의 레고블럭을 하나의 컴퍼넌트라고 보면 됨 - 레고블럭이 쌓여서 애플리케이션이 됨 위의 분홍색 박스들이 하나의 컴퍼넌.. 2020. 5. 10.