TECH

Angular ngIf 처럼 동작하는 custom directive 만들기

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

TIL

TIL 7: 환경변수와 빌드

들어가며 최근 DR 시스템을 구축해야 하는 이슈가 있었는데 배포 환경에 DR을 추가하고 세팅하는 작업을 맡게 되었다. 작업 중 angular를 사용하는 client와 nest를 사용하는 middleware의 빌드 코드가 다른 것을 보고 의문을 가지게 되었다. * DR(Disaster Recovey)란? 재난 또는 각종 요인으로 인해 서비스나 시스템이 중단됐을 경우, 이를 정상화시키는 행위 문제의 코드 // Angular package.json "build:prod": "ng build --configuration=prod" // NestJs package.json "build": "nest build" 왜 nest는 빌드할 때 환경변수를 사용하지 않을까? 🤔 Angular의 경우 프로젝트를 빌드할 때 -..

셈인
'angular' 태그의 글 목록