Programming/Javascript 10

황당한 크롬 익스텐션 - Cache Killer

현직,,오스트리아에서 외국인 노동자 코스프레하고 있습니다. 개발하면서, 자꾸 이상하게 자바스크립트 파일이 두번씩 호출되는 현상이 있어서, 왜 그런가 하고 그냥 그냥 넘어가고 있었는데, 이제는 이 문제를 꼭 해결해야겠다 싶어서, 무수히 많은 삽질을 했네요. 아무리 찾아보고 구글링을 해봐도, angular에서 유독 자바스크립트 파일만 두번 로딩 되는 문제가 있는 경우와, 해결책을 찾을 수 없었네요.. 계속 Angular중심으로 고민을 하다가 그냥 단순하게 javascript file loaded twice라는 키워드로 검색을 해봤죠... 그랬더니 크롬에서 나와 비슷한 경험을 한 사람의 케이스가 딱~~~!! 나오더군요... 결과적으로 개발 편의성 때문에 사용하고 있는 Cache Killer라는 익스텐션 때문에..

[Angular JS] UI-Grid Filter To Get Parameter

Angular JS 의 UI-grid를 쓰는 중이다. UI-grid의 filter기능이 참 좋긴한데, filter값에 따라서 서버상에서의 데이터 출력이 달라저야 하는데, angular의 service로 이를 구현해봤다..~~ 별거 아니다.. 그냥 까먹지 않기 위해서 정리해놓은거다... Controller상에서의 Grid Option $scope.restaurantGrid={ enableSorting:true, enableFiltering: true, enableRowHeaderSelection: false, multiSelect:false, paginationPageSizes:[10,25, 50,75], paginationPageSize:10, useExternalPagination: true, useE..

Angular JS 동영상 강의 추천..

죄송하지만 해외 사이트입니다... https://www.codeschool.com/courses/shaping-up-with-angular-js 무려 고맙게도,,, Free course네요.. codeschool의 모든 강좌가 공짜는 아니구요,,, codeschool강좌의 특징은 정말로 beginner에 초점을 두고 아주 쉽게 설명해준다는 겁니다... 어느정도 영어 듣기가 되시는 분들에게, 그리고 짧은 시간내에 angular js에 대한 개념 정립이 필요하신 분께, 적극 권장하는 바입니다.~!!!

NodeJs, Express 모듈을 사용해서 간단하게 DB에서 목록 불러오기

아고 벌써 새벅 1시 반이네요,, 언능 포스팅 하고 자야것습니다. Node.js에서 express 모듈을 사용하는법은 뭐,,찾아보면 다 많이들 나옵니다. 간략하게 순서만 정리하면, 1. npm install -g express 2. express 3. cd --> 해당 폴더로 이동 후, 4. npm install 5. node app --> 서버 실행. 뭐..여기까지는 그다지 어렵지 않다..ㅎㅎ 기본적으로 프로젝트를 생성하면 아래와같이 app.js 파일이 생성된다. ** app.js ** /** * Module dependencies. */ var express = require('express') , routes = require('./routes'); var app = module.exports = ..

Node.js, Connect에서 Router?? 이넘 어디 갔나??

Node.js에서 사용하는 connect 모듈을 보던 중, 놀랐던 점.. 벌써 router라는 메소드가 deprecated ~~!!! 이런.. 일단 여기를 참고하자~~ https://github.com/senchalabs/connect/blob/gh-pages/tests.md#applisten var blog = connect(); var admin = connect(); app.use('/blog', blog); blog.use('/admin', admin); app.route.should.equal('/'); blog.route.should.equal('/blog'); admin.route.should.equal('/admin'); 최신문서상으로는 위와 같다~~~ 하지만, 책에서는 요로코롬 나와버린다..

Node.js 책 구입~~

네, 간만에 책 한권 구입했습니다.포인트로 구입을해서, 실 구매 비용은 0원 이었습니다. 사실, 제가 node.js로 뭔 크게 만들것다 이건 아니구요, 그냥 요즘 트랜드에 대해서는 알고 있어야 하지 않을까 싶어서 한권 구입했습니다. Linked.In에서 기존에 15개의 서버에서 15개의 instance를 사용해서 서비스를 하고 있었다고 합니다. 그런데 그걸 모두 node.js로 변경하고 난 후, 현재 4개의 instance만으로도 기존보다 두배 이상의 트래픽을 처리하고 있다고 합니다. 물론 HTML5의 전반적인 적용도 한몪을 한 듯 싶지만, 결정적으로 트래픽을 처리하는 서버에서의 획기적인 변화가 이를 가능하게 했다고 합니다.... 그래서 궁금해지더군요,,,node.js가 뭔지....ㅎㅎㅎ 잘 읽고,,,감..

이전 포스트 다시보기 1탄 - JSON validator

2009/02/13 - [Study/Javascript] - JSON Validator 위 포스팅은 내가 2009년 2월 13일에 작성했던 글이다. JSON (JavaScript Object Notation)에 대해서 구조적으로 문제가 없는지 검증을 해주는 사이트이다. 혹시 아직도 운영중일까 해서 다시금 방문해봤는데, 운영중에 있다. 차이점이라면 그 동안 오픈소스로서 운영이 되어왔고, 약 1년전까지 업데이트가 이루어졌던것으로 보인다. 조금 더 정확한 validation이 가능할것이라고 생각이 드네요~~ 참고로 주소는 http://jsonlint.com/ 입니다.

소스코드 or 이미지 주소 복사하기

이런 자바스크립트 코드는 자주 쓰이지는 않지만, 쩝...간간히 필요할 곳이 있기 마련..... 미리미리 스크랩 해주는 센스... function copyBannerSource(url){ var copyText =" \n"; copyText += " \n"; copyText += ""; if(window.clipboardData.setData("Text",copyText)){ alert("소스코드가 복사되었습니다."); } } function copyImage(objId){ var imgObj = eval("document.getElementById('"+objId+"')"); imgObj.contentEditable = 'true'; var controlRange; if (document.body.cre..

JSON Validator

굳이 DB접속을 할 필요는 없지만, 일정 형태로 데이터를 사용자에게 전송해야 할때 주로 쓰이는 방식이 아마도 XML 이나 JSON이 아닐런지 싶다. 실제로 상당히 많은 Open API에서 사용되고 있기도 하고 말이다. 그런데,,,난 아주 심플하고 간단한 JSON 문법에 이상하다고 생각이 들만큼 자주 오류를 범한다...-_-;; 늙었나 보다.. 결국 난 Validate를 해줄 뭔가를 찾기 시작했고 결국 http://www.jsonlint.com/ 사이트를 사용하기 시작했다. 사실 너무나 깔끔하고 간단해서 맘에 든다.... 그리고 Validate을 요청한 JSON코드에 대해서 Indent 까지 깔끔하게 해서 다시 출력해 준다. 만약 아래와 같이 만든 json 코드에 대해서 validate을 요청한다면 { "..