Angluar Routing & Navigation 라우팅과 내비게이션! PA (Single Page Application) 단일 페이지 애플리케이션은 모던 웹의 패러다임 장점 기존의 서버 사이드 렌더링과 비교할때 배포가 간단하며 네이티브 앱과 유사한 사용자 경험을 제공 단점 link tag를 사용하는 전통적인 웹 방식은 새로운 페이지 요청 시마다 정적 리소스가 다운로드되고 전체 페이지를 다시 렌더링하는 방식으로 동작 새로고침이 발생되므로, 변경이 필요없는 부분을 포함하여 전체 페이지를 갱신하는 것으로 비효율적 SPA 웹 애플리케이션에 필요한 모든 정적 리소스를 애플리케이션 최초 기동 시에 한번만 다운로 이후 새로운 페이지 요청시 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하므로 전체적인 트래..

템플릿 참조 변수와 세이프 내비게이션 연산자 (Template reference variable & Safe navigation operator) 템플릿 참조 변수 (Template reference variable) DOM요소에 대한 참조를 담고 있는 변수 템플릿 요소 내에서 해시 기호(#)를 변수명 앞에 추가하여 템플릿 참조변수 선언 템플릿 내에서만 유효하며 컴포넌트 클래스에 어떠한 side effect도 주지 않는다. 이벤트 바인딩을 통해 컴포넌트 클래스로 전달할 수는 있다. 사용예로는 이메일 주소 validation check html .... 세이프 내비게이션 연산 (Safe navigation operator) 세이프 내비게이션 연산 ?는 컴포넌트 클래스의 프로퍼티의 값이 null 또는 und..