라이브러리 개조 : LightBox2 - 2화이제 LB2를 까서 보자.다운받은 디렉토리 구조 내, dist/js/lightbox.js를 자신이 가장 잘 사용하는 에디터나 IDE로 로드하고, 찬찬히 살펴 보자. 역시 2번째 라벨에 걸맞게 주석들이 깔끔하게 잘 정리되어 있고, 구조 또한 배울게 많게 잘 만들어져 있다. 아마 자바스크립트를 어느정도 경험이 있는 분들은 분명히 그렇게 느낄 것이다.이 중 아까전 크롬내 콘솔창에서 lightbox를 치면 나오던 오브젝트들을 기억하는가? 그 오브젝트가 일단 어디에서 선언되어 export 되었는지 확인해보자. 잘 보면, Lightbox.prototype.build 부분에서 export가 수행되는 것을 추측할 수 있다. 아래는 Lightbox.prototype.build..
라이브러리 개조 : LightBox2 - 1화 Javascript를 공부하는데 가장 도움이 되는 건 바로, 남의 소스를 바라보는 것이 아닌가 한다. 물론 그전에 그것을 보기에 기본이 되는 실력이 없다면, 보자마자 현기증이 일 것이다. 하지만, 어느정도 레벨에 오른 개발자들 중 더 나은 실력을 가지고 싶다 생각하는 사람들은 자연스레 오픈소스에 눈이 돌아가게 되고, 기여를 하고 싶어할 것이다. 그렇다면, 이를 위해서 어떤 단계를 거쳐야 할까? 가장 먼저 내가 필요하거나 재미있다고 생각하는 라이브러리를 먼저 찾아보는 것이 내가 한 일이었다. 물론 필요에 의해 많은 Javascript 라이브러리들을 사용했지만, 단순하면서도 재미있는 라이브러리를 찾는 것은 쉽지 않는 일이었다. 허나 요근래 프로젝트를 하면서 딱 ..
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 기반 모듈로 만들어진 것들을 얻을 수 ..
- Total
- Today
- Yesterday
- 클라우드
- 파이썬
- Material
- 개발자
- Ai
- 테크노트
- directive
- jQuery
- SQL
- Git
- JS
- technote
- SVN
- Branch
- RESTful
- RUBY
- frontend
- SSL
- IE
- 전략
- ie11
- NG
- FLASK
- Python
- LightBox
- 미래
- 테스트
- vuejs
- 브랜치
- angular
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 |