JS&FRONT(29)
-
무료 Grid 와 Chart
우선 기준은 Flash/ActiveX 를 사용하지 않고, Javascript, JQuery, HTML5 , CSS 등을 활용한 Open Source 중에서 이것저것 검색해 봤습니다. (브라우저 기준은 대부분 IE8.0 이상에서 구현이 되면 문제가 없을듯 싶습니다. Chrome 등의 크로스 브라우징에 대한 부분도 감안했습니다.) 1. Chart 부분 내부 프로젝트에서 사용되었던, 무료 차트 JqPlot를 그대로 사용하는 것이 가장 무리가 없을듯 싶습니다. 참고로 여기 저기 돌아다니다가, 잘 정리해 놓은 블로그 글이 있어서 공유 드립니다. 13개의 BEST JQuery Charts 를 소개한 글입니다. http://codegeekz.com/best-jquery-chart-libraries-for-buildi..
2013.11.05 -
JAVASCRIPT 정규식 유효성 검사
1. Regular Expressions in JAVASCRIPT A. match() : The match() method searches a string for a match against a regular expression, and returns the matches, as an Array object. 정규식 : http://www.w3schools.com/jsref/jsref_obj_regexp.asp .match(/^\d+$/ig) // 숫자인지 판별하는 정규식입니다. .match(/^(\w+)@(\w+)[.](\w+)$/ig) // asdf@asdf.com 형식을 판별하는 정규식 .match(/^(\w+)@(\w+)[.](\w+)[.](\w+)$/ig) // asdf@asdf.co.kr 형식..
2013.07.30 -
Npm (node package Manager)
노드의 가장 큰 장점 중 하나인 확장 모듈을 설치하고 관리할수 있는 NPM 노드에 대한 수 많은 확장 모듈이 등장하였고 CommonJS의 표준을 준수하여 체계적으로 구성되어 배포되고 있다. 노드의 기본 API를 이용하여 특정한 기능을 더 쉽게 구현할 수 있도록 추상화한 API를 제공하는 NPM은 노드 개발시에 없어서는 안될 존재라네요. 노드의 확장 모듈과 npm 노드의 기본 모듈은 낮은 수준의 기본적인 API만을 제공한다. 기본 모듈만으로도 애플리케이션 개발은 가능하나, npm은 lsaac Z,Schlueter가 만든 노드의 모듈 패키지 관리 도구로서, 노드의 빠른 생태계 활성화에 이바지 했다. 클라이언트 자바스크립트 개발을 할 때 직접 작성한 자바스크립트, 즉 네이티브 자바스크립트로만 개발하지 않고, ..
2013.06.29 -
OOP, Core Javascript
자바스크립트가 여러 부분에 사용되어지고 있으며, 그 위상이 요즘 들어 정말 대단하다. Ajax 와 html5 에 대한 관심이 방대한 javascript library 와 대규모 웹 기반 어플리케이션 개발을 증폭, 이로 인해 확장성의 중요성이 한층 높아짐. 그리하여 나도 실무 투입전에 한번 되새김질이 필요하다 싶어.. 이곳저곳에서 자료를 찾기위해 기웃거리다가.. 이렇게 잘 정리 해 놓으신 문학청년’s world 님의 강좌의 리스트를 보고.. 숙독 했습니다. 코어 자바스크립트 (1) - OOP | 문학청년`s World 코어 자바스크립트 (2) - PROTOTYPE | 문학청년`s World 코어 자바스크립트 (3) - 상속 | 문학청년`s World 코어 자바스크립트 (4) - CallBack 함수 | 문..
2013.06.27 -
NODE.JS 해보자
우선 NODE.JS 를 설치해야 한단다... 우헹.. 전반적으로 번역도 해봤는데.. 그리 어렵지 않은 소개 페이지 였다. 잘 읽었다.. http://nodejs.org/ 에서 Download To provide a purely evented, non-blocking infrastructure to script highly concurrent programs. Node.js is a platform built on Chrome’s Javascript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight a..
2013.06.27 -
HTML5 쉬울까요? 어려울까요?
오홋... 저때가...지금까지도 인기있는 크리스마스 노래가 출시될 때이군.. 왜.. 요즘은 저런 노래가 안나올까? 암튼 이글의 본론은 위의 짤방이 아니구.. HTML5 를 말로만 많이 들어보셨겠지만, 직접 체험 해보거나 공부를 해보신 경험이 없으신 분들을 위해서 아래 자료를 정리해 드립니다. 천천히.. 잘 따라 해보시길 바랍니다. HTML5의 변화를 주목하도록 제작된 네 파트로 된 시리즈입니다. Part 1 시작하기 새 태그와 페이지 구성으로 시작하고, 웹 페이지 설계에 대한 높은 수준의 정보, 양식의 작성, API의 사용과 가치 및 Canvas가 제공하는 창의적인 기회를 제시합니다. http://www.ibm.com/developerworks/kr/library/wa-html5fundamentals/ ..
2011.12.20