본문 바로가기
[Script] NPM 이란? ( Node Package Manager ) Node.js 에 대한 간단한 설명은 아래 링크를 참조하세요. [Script] Node.js 란 무엇인가? NPM 이란? - NPM 은 Node Package Manager 의 줄임말로, Node.js 의 모듈( Package ) 를 관리한다. - 노드를 이용하여 확장 모듈을 만들 경우, 확장모듈을 관리해준다. - Central Repository 가 존재한다. - 간단히 이야기하면 Node.js 로 만든 모듈들을 중앙 저장소에 올려서 공유하는 시스템을 말한다. 도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x ) 2012. 9. 18.
[Script] node.js 란 무엇인가? node.js 란 무엇인가? - 서버 사이드 자바스크립트 기술. - 모든 API는 이벤트 지향 비동기 API. - 비동기 처리 특성에 의한 동시 접속 처리 능력이 월등히 뛰어남. - 오픈소스로 모듈에 대한 커뮤니티가 활성화가 잘 되어있다. - js 파일 하나가 하나의 모듈 - 각각의 모듈은 기본적으로 외부에서 접근할 수 없으나, module.exports 를 통해 외부에 오픈할 변수나 함수를 정의할 수 있다. - 반대로 require 는 다른 외부 모듈( js ) 를 가져올 수 있으며, 해당 모듈에서 module.exports 로 정의한 변수나 함수를 사용할 수 있다. - Node는 다음과 같은 기본 모듈을 가진다. * Process : 프로세스에 대한 정보를 담고 있는 전역 객체 * Utilities .. 2012. 9. 18.
[Database] MongoDB 가 무엇인가? 특징은? NoSQL에 대한 정보는 아래 링크를 참조하세요. [Database] NoSQL 이란 무엇인가? ( SQL이 아니라구?? ) MongoDB 가 무엇인가? 특징은? - 오픈소스 문서 기반 NoSQL ( Document NoSQL )- 빠르고 사용하기 쉬우며, RDBMS의 관계형 연산 기능과 MapReduce같은 집계연산 기능을 동시에 지원한다.- 다양한 언어를 지원한다. ( c, java, python…. )- C++로 작성됨.- 수평적 무한확장 가능.- 데이터는 bson 형태도 저장( binary json )- 구조적이지 않다. ( Schema 가 없다. ) - 객체 형태의 컬 렉션 기반 저장소- 동적 쿼리 지원- 내부 객체를 지원하는 Full index 지원- 쿼리 프로파일링- 복제, fail-over.. 2012. 9. 18.
[Database] NoSQL 이란 무엇인가? ( SQL이 아니라구?? ) NoSQL 이란? - Not only SQL 혹은 Non-Relational Operational Database 약자.- Relational DBMS와는 다르다. ( 규격이 딱 정해진 형태가 아니다. )- RDBMS가 consistency와 availability 에 중점을 두었다면, NoSQL은 가용성과 확장성에 중점을 두었다. - 모바일 및 웹 환경으로부터 Big Data가 발생함에 따라 이의 효율적인 처리와 수평적 데이터 구조가 요구되었다. Cloud Computing 패러다임의 도래와 함께 기존의 RDBMS가 제공하지 못했던 확장성의 문제로 Open Source 제공이 절실히 요구되며, 단순한 Data Model을 통해 유연성과 성능이 좋은 DB가 필요하게 되어 만들어진 것이 NoSQL이다. -.. 2012. 9. 18.
[HTML] REST or RESTful 이 뭔가요? ( Representational state transfer ) REST or RESTful - Representational state transfer 의 약자 - 도메인 지향 데이터를 HTTP위에서 SOAP(Simple Object Access Protocol)이나 쿠키를 통한 세션 트래킹 같은 부가적인 전송 레이어 없이, HTTP의 기본 기능만으로 원격 정보에 접근하는 웹 응용 기술. - REST의 원리를 따르는 시스템은 RESTful 이라 한다. - REST 의 기본 구성 요소는 Resource, Method, Representation, Stateless 이다. 1. Addressable Resource: 모든 Resource는 URI 를 가지고 있다. ( Uri base resource access ) 2. Method( Uniform interface ).. 2012. 9. 18.
[HTML5] 브라우저 히스토리 다루기 ( Browser History ) - 기초, Tutorial, Sample code. 출처 : 하루 1시간 3일만에 배우는 HTML5 IE 는 역시(?) 현재는 지원하고 있지 않지만, 대부분의 브라우저가 지원하고 있습니다. 안드로이드가 지원하지 않는것이 좀 그렇네요.. 하지만, 곧 지원하겠죠? 브라우저 히스토리 시작하기 - 히스토리 객체를 사용해서 현재 페이지로부터 이전 페이지나 다음 페이지로의 이동이 가능하다. 현재 페이지에서 3페이지 뒤로 이동하는 등의 작업도 가능하다. - 브라우저의 히스토리 상태 객체에 데이터를 저장할 수도 있다. 상태 객체에 데이터를 추가한 후 데이터 저장을 위해 상태 객체를 현재 페이지에 push 한다. 반대로 저장한 데이터를 다시 꺼내서 데이터를 복원시킬 수도 있기 때문에 이 기능을 이용한 페이지 간에 데이터 전달이 가능하다. History API 살펴보기 -.. 2012. 9. 8.
[HTML5] 인라인 편집 - 기초, Tutorial, Sample Code 출처 : 하루 1시간 3일 만에 배우는 HTML5 인라인 편집은 현재 모든 브라우저가 지원하고 있습니다. 의외로 현재 HTML5 의 가장 많은 부분을 지원하는 Opera 의 mini 버전이 지원하지 않다는 것의 좀 의외군요. 인라인 편집 - contenteditable : 개별적인 HTML 요소를 편집 가능하게 만든다. ( true / false / inherit ) - designmode : 전체 문서를 편집 가능하게 만든다. ( on / off ) - spellcheck : 스펠링 체크 기능을 활성화한다. ( true / false ) contenteditable 예제코드 Editable Element - Add Link 의 경우 블럭을 씌우지 않고 Add Link 를 수행할 경우, 최하단.. 2012. 9. 8.
[HTML5] 웹 폼 컨트롤( Web form control ) - 기초, Tutorial, Sample Code 출처 : 하루 1시간 3일 만에 배우는 HTML5 "can I use.." 에 따르면 현재 Opera 와 iOS Safari만 HTML5 의 form 을 모두 완벽히 지원하고 있습니다. 의외로 메인 브라우저의 차기 바전에서도 완벽히 지원하는 것은 없군요. 그래도 partial support 를 하는 것이 어느 정도는 사용할 수 있을 것으로 보입니다. 여기서도 독고다이를 추구하는 IE 는 현재 버전 9.0 에서 전혀 지원하고 있지 않습니다. 모바일 브라우저들도 iOS Safari 외에는 아예 지원을 안 하고 있군요. 웹 컴트롤 시작하기 ( form type & data form ) - button - checkbox : 미리 정의된 리스트 중 0 개 이상의 값 - color : 8비트 sRGB - date.. 2012. 9. 7.
[HTML5] 드래그 앤 드롭 ( Drag and Drop ) - 기초, Tutorial, Sample Code 출처 : 하루 1시간 3일 만에 배우는 HTML5 "can I use.." 에 따르면, 강력한 드래그 앤 드롭 기능을 지원하는 녀석들이 많이 보이는 군요. IE 가 9.0 까지는 부분지원하지만, 10.0 부터는 제대로 지원할 예정이고, 주력 브라우저들인 파폭, 크롬, 사파리, 오페라는 모두 지원합니다. 아쉽게도, 모바일 단말들의 브라우저는 현재 모두 지원하지 않는군요.. 모바일 브라우저들도 빨리 지원하길 기대해봅니다. 드래그 앤 드롭 API 살펴보기 - draggable : true/false - ondragenter : drag 하는 element 가 target에 처음 닿는 순간 이벤트 발생 - ondragover : drag 하는 element 가 target 위에서 움직일 떄 발생 - ondrop.. 2012. 9. 7.
반응형

티스토리툴바