단방향 바인딩 (1) 썸네일형 리스트형 [Angular] 앵귤러 데이터 바인딩 정리 Angular2 버전 이후를 기준으로 정리한 글입니다. 앵귤러의 데이터 바인딩은 컴포넌트와 뷰 사이에 연결 고리를 맺는 것이다. 앵귤러에는 데이터 흐름에 따라 크게 단방향 바인딩과 양방향 바인딩이 있고 단방향 바인딩의 경우 세부적으로 삽입식, 프로퍼티 바인딩, 이벤트 바인딩 존재 한다. 아래 그림은 DOM과 Componnent 사이에 앵귤러 데이터 바인딩을 설명한 것이다. 1. 삽입식(interpolation) {{userName}} {{getTitle()}} 삽입식은 이중 중괄호 사이에 컴포넌트의 변수 혹은 함수를 넣으면 연산의 결과 문자열이 뷰에 반영된다. 삽입식에서는 오래 걸리는 연산이 존재하는 함수를 이용할 경우 심각한 성능 저하가 발생할 수 있기 때문에 주의해야 한다. 2. 프로퍼티 바인딩 프로.. 이전 1 다음
