TECH
Angular ngIf 처럼 동작하는 custom directive 만들기
개요백오피스에서는 사용자의 등급에 따라 다양한 UI를 효과적으로 제공해야 하는 요구사항이 있었습니다.이를 해결하기 위해 Angular에서는 사용자의 등급에 따라 UI를 동적으로 변경할 수 있는 Structure Directive를 사용하였습니다. *ngIf 사용*ngIf="로그인한 계정의 등급 === 대상 등급"처음에는 *ngIf 디렉티브를 사용해서 조건부로 UI를 렌더링하는 방식을 사용하였지만, 아래와 같은 문제점이 있었습니다.로그인한 계정 정보를 가져오는 로직이 사용하는 컴포넌트 마다 중복됨조건의 가독성이 좋지 않음 Structure directive 제작이러한 문제를 해결하기 위해 Custom Structure Directive를 제작하였습니다. 아래는 해당 Directive의 구현 내용입니다.@D..
