1번도로 야생의 개발자

Vue로 서비스를 개발하게 되면, 기존 v-for, v-if 등과 같이 기존에 디렉티브로 사용되는 기능들이 있습니다. 이와 같이 Vue에서는 디렉티브를 직접 정의하여 사용할 수 있습니다. 서비스에서는 권한을 대부분 적용하고, 버튼과 같이 DOM 내 엑션 포인트를 보여 주는 것을 권한으로 통제하곤 하는데, 이를 디렉티브로 편하게 구성한다면? 엑숀 A 위 예제와 같이 정의한 디렉티브인 v-permission에 로그인 한 사용자 권한 목록과 부합된다면, 버튼이 출력되고, 반대의 경우 버튼이 출력되지 않는다면 간편하게 권한을 사용하는 것입니다. 이 기능을 구현하는 것으로 디렉티브를 구성하는 방법을 설명하겠습니다. 디렉티브를 구성하기 위해서는 여기에 있는 문서를 읽고 오는 것을 추천합니다. 디렉티브를 이해할 때 ..

jQuery에서 동적으로 생성된 tag에 바로 focus를 주고 싶다면 손쉽게 가능하다. 동적으로 태그를 생성하는 것은 동기 방식이기 때문에 생성하고, 을 Selector로 잡아서 .focus()만 주면 끝난다.이렇게 보면, 정말 jQuery가 나쁘지 않는 녀석이긴 하지만, Angular를 쓴다면 jqlite 정도만 사용할 수 있고, 대부분의 뷰 렌더링이 비동기로 처리되다 보니, 위와 같은 경우에서 언제 .focus()를 부여할지 정하기가 어렵다. 이러한 경우에는 일반적으로 Controller 단에서 처리하기 힘들고, Directive(이하 디렉티브) 단에서 처리해야 한다.ng-if 경우에 디렉티브를 Attribute로 넣어주면, ng-if로 화면에 렌더링 될 때마다 그 디렉티브를 실행하게 된다.app...