1번도로 야생의 개발자

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

Material을 어떻게 하든 가져가 보자... 같이 프로젝트를 하는 팀원과 Material을 가지고 가는 것에 대해 논쟁을 이뤘었다. 나는 프로젝트의 빠른 마무리를 위해 Material 디자인을 고수하지 말자라는 의견을 내었었고, 같이 하는 팀원인 그는 Material 디자인은 무조건 고수였다. 이에 대해 논쟁을 하였고, 많은 이야기를 논하면서 격렬하게 서로간의 의견을 내세우며 대립각을 세웠었다. 결국은 UI 디자인의 통일성이 중요한 공통 의견으로 부상하면서, 이전까지 쭉 사용하였던 Material를 가지고 가자라는 것이었다. 물론 ng-Material 자체가 완벽한 것이 아니기에 모든 브라우져가 동일한 모습으로 나오게 하기 위하여 많은 노력을 해야 할 것이었다. 솔직히, Material을 가지고 UI..

그 많고 많은 Javascript Library는 어쩌라고... ng로 View를 구성하면서, 예전에 써오던 Javascript Library(이하 JS LIB)를 사용하려고 했었다. 문제는 Angular는, Spring 처럼 틀에 정해진 injection을 제공하기 때문에 마음대로 JS LIB를 사용한다면 의존성 개무시 상황에 이를 수 있게 된다. 다시 말하자면 엘레강스하거나 깔끔해지지 못한다는 것이다. 마손리를 처음에 적용할 때도 jquery 기반의 마손리를 선택 했었고, 그게 큰 짐으로 다가왔었다. 그래서 같이하는 팀원과 이에 대해 심도 깊은 대화를 하였고, 그 때 하는 말이, "대부분 유명한 JS LIB들은 Angular로 앞에 붙여서 검색하면 Angular 기반 모듈로 만들어진 것들을 얻을 수 ..

처음에 느껴진 jQuery와 Angular의 차이 jQuery(이하 jq)는 솔직히 보자면 프레임워크가 아니다. 기존에 존재하는 Javascript를 좀 더 편한 사용을할 수 있게 만들어 주는 라이브러리 같은 개념이었다. 그렇기 때문에 View를 구성하고 소위 자료를 저장하는 Model을 관리하지는 않는다. 그에 반면 Angular(이하 ng)는 프레임워크라고 할 수 있다. 자바 진영의 Best 프레임워크인 스프링과 비슷한 느낌을 주며, 개발 시 강력한 가이드와 모듈 인젝션을 제공해 주기 때문이다. 그런데 문제라고 할 수 있는 것이 jq에 숙달된 상태에서 ng는 많은 자유를 뺏는 기분이었다. jq에서는 DOM부터 Javascript까지 자유 자재로 접근하고 쓸 수 있었지만, ng는 정해진 틀이 있고, 그..

시작 개인적으로 두명이 팀을 이뤄 하나의 서비스를 만들고 있다. Front-end 부분은 Angular를 기반으로 Angular-Material 라이브러리로 UI를 구성하고, Back-end는 Vert.x+MongoDB로 구성한 기본 구조를 가지고 진행하였다. 필자는 jQuery로 요즘 밥을 빌어먹고 살고 있기 때문에 Front-end를 맡게 되었고, 이 프로젝트를 진행 하면서 Angular에 대해 공부와 적용 하게 되었다. 솔직히, Front-end에서 새로운 기술을 배우는 것은 꾸준한 일이었지만, 큰 프레임워크 수준은 차일피일 미루다가 이제서야 공부를 진행하게 된것이다. 사실, 마음속으로는 React를 하고 싶었지만, 같이 개발하는 친구가 가이드라인을 Angular로 잡아 줘서 따라가게 되었다. (지..