Vuejs로 프로젝트를 여러개 수행중에 고객들의 요구사항은 항상 내 예상을 벗어나는 것들이 많다. "이 정도는 쉽게 하실 수 있는게 아닌가요?" 라고 말하면서 요청하는 기능 중 이번에는 특정 영역만 인쇄할 수 있는 기능을 만드는 것! 브라우져에서 기본적으로 사용 가능한 인쇄 기능은 브라우져에서 출력되는 문서 전체를 인쇄하는 것이지만, 특정 영역만 출력하기 위해서는 자체적으로 기능을 제공하고 있지 않다. 그렇기 때문에 구현해야 하는데, 어떻게 구현해야 할 것인가? 이런 저런 방법을 다 동원해 보왔다. (역시나, 머리가 나쁘면 손발이 고생한다.) 스타일 승계 문제 때문에 새로운 창이나 팝업은 언감생심이고, 심지어, 특정 영역을 Canvas로 캡쳐를 찍어 이미지로 만들어 팝업에 출력 후, 인쇄하는 방법까지 진..
Vuejs를 사용하다 보면 input 태그 안에 사용한 v-model이 제대로 한글 인식이 되지 않는 문제가 있다. 이 경우는 영문자는 한글자가 바로 인식되는 음절이지만 한글은 최소 두 개의 자음과 모음이 만나야 음절로 만들어지기 때문에 커서가 움직이지 않는 한 글자로 인식하지 않는 문제가 있다. (IE 11에서 발견됨. Chrome에서는 해당사항 없음.) 이럴 경우 input 내 blur 이벤트에 바인딩 하여 처리하는 방법이 있다. 이는 focus가 변경되는 것에 이벤트를 걸어 처리하는 방법이다. template 부분 script 내 vuejs정의 부분methods: { fixEstLogcDscr: function (e) { this.estLogcDscr = e.target.value; }}
Material을 어떻게 하든 가져가 보자... 같이 프로젝트를 하는 팀원과 Material을 가지고 가는 것에 대해 논쟁을 이뤘었다. 나는 프로젝트의 빠른 마무리를 위해 Material 디자인을 고수하지 말자라는 의견을 내었었고, 같이 하는 팀원인 그는 Material 디자인은 무조건 고수였다. 이에 대해 논쟁을 하였고, 많은 이야기를 논하면서 격렬하게 서로간의 의견을 내세우며 대립각을 세웠었다. 결국은 UI 디자인의 통일성이 중요한 공통 의견으로 부상하면서, 이전까지 쭉 사용하였던 Material를 가지고 가자라는 것이었다. 물론 ng-Material 자체가 완벽한 것이 아니기에 모든 브라우져가 동일한 모습으로 나오게 하기 위하여 많은 노력을 해야 할 것이었다. 솔직히, Material을 가지고 UI..
- Total
- Today
- Yesterday
- 개발자
- 전략
- RESTful
- angular
- LightBox
- Ai
- Git
- FLASK
- 테크노트
- frontend
- 브랜치
- Python
- 미래
- SQL
- 클라우드
- 파이썬
- Material
- 테스트
- RUBY
- IE
- Branch
- SVN
- JS
- jQuery
- ie11
- technote
- NG
- directive
- vuejs
- SSL
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |