본문 바로가기

분류 전체보기

Node.js 개요 1. Node.js 란? Node.js는 2009년 라이언 달(Ryan Dahl)이 개발한 서버 개발 환경이다. 크롬 웹 브라우저에 탑재된 V8 자바스크립트 엔진(C++로 개발) 기반으로 자바스크립트로 애플리케이션을 개발할 수 있게 한다. 기존의 자바스크립트는 속도가 느려서 서버 개발 환경에 부적합하였으나 C++로 개발된 V8 자바스크립트 엔진으로 인하여 속도가 빨라졌다. V8 자바스크립트 엔진은 자바스크립트로 머신 코드를 생성하여 실행하므로 속도가 빠르다. 2. Node.js 목적 브라우저가 아닌 서버 환경에서 자바스크립트를 사용하고자 만들었다. (서버 환경에서 자바스크립트로 애플리케이션을 개발) 3. 기존 애플리케이션과 Node.js의 차이점 기존 웹 서버는 대부분 스레드를 기반으로 하는 동기 방식으.. 더보기
CodeIgniter 설치 1. CodeIgniter 란? 코드이그나이터는 PHP기반 프레임워크이다. 웹사이트 구축하고자 할 때 일일이 모두 개발하는 것이 아니라 코드이그나이터 프레임워크에서 제공하는 라이브러리를 통하여 최소한의 개발을 하도록 하여 개발 속도를 향상시킨다. 2. 설치 1) CodeIgniter 사이트로 접속한다. (http://ellislab.com/codeigniter) 2) Download CodeIgniter 을 클릭하여 다운로드 받는다. 3) 다운로드된 CodeIgniter_2.2.0.zip 파일의 압축을 해제한다. 4) 압축해제한 파일을 서버에 업로드한다. index.php을 홈페이지 루트에 있어야 한다. 5) application/config/config.php 파일을 열어 기본 도메인(base_url).. 더보기
[DNSEver] 무료 DNS서비스 무료로 DNS서버를 제공하는 DNSEver 라는 곳을 소개하고자 한다. 티스토리 블로그를 2차 도메인으로 사용하기 위해 알아보던 중 지인을 통해 소개를 받고 알아보기 시작했다. DNSEver 는 10년 동안 무료로 DNS서비스를 제공하는 업체이다. 10년이라는 시간동안 무료로 서비스를 제공했다는 점이 놀랍고, 그 시간동안 안정적으로 운영했다는 점에서 기술력이 뒷받침되고 안정적인 서비스를 제공하리라 생각된다. 나처럼 소규모 블로그나 프로그램 개발 목적으로 하는 사람에게 비용이 소요되는 서비스를 이용하는 것이 부담스러울 수 있는데 무료로 제공해주니 감사할 따름이다. 최근 DNSEver 는 유료화 정책을 내놓았다. 기업을 상대로 더욱더 안정적인 서비스와 프리미엄 서비스를 제공하기 위해 유료화로 변경하였다. 개.. 더보기
04-2.이벤트 모델 jQuery 이벤트 모델 특징) - 이벤트 핸들러를 할당할 수 있는 통합 메서드를 제공. - 엘리먼트의 이벤트 타입마다 여러 핸들러를 할당할 수 있다. - click, mouseover 같은 표준 이벤트 타입명을 사용. - 핸들러의 매개변수를 써서 Event 인스턴스를 사용할 수 있다. - 자주 사용하는 Event 인스턴스의 프로퍼티들에 일관된 이름을 사용. - 이벤트 해제와 기본 행동을 막는 통합 메서드를 제공. - 캡처 단계를 지원하지 못함 - 하나의 API로 표준 호환 브라우저와 인터넷 익스플로러를 모두 지원. [ jQuery를 사용해 이벤트 핸들러 바인딩 ] bind(eventType, data, listener) - 일치된 집합에 있는 모든 엘리먼트에 지정한 이벤트 타입의 핸들러로 전달된 함수를.. 더보기
04-1.브라우저 이벤트 모델 브라우저 이벤트 모델 ▶ DOM 레벨 0 이벤트 모델 ◀ [ Event 인스턴스 ] 대부분의 브라우저에서 이벤트 핸들러가 실행될 때 Event 클래스의 인스턴스가 첫 번째 매개변수로 전달. 인터넷 익스플로러는 window의 event 프로퍼티에 Event 인스턴스를 저장. 이 차이점을 해결하려고 다음과 같은 코드를 사용한다. if (!event) event = window.event; 표준 브라우저의 경우 target 프로퍼티를 참조하지만 인터넷 익스플로러의 경우 srcElement 프로퍼티를 참조하므로 다음과 같은 코드를 사용하여 해결한다. var target = (event.target) ? event.target : event.srcElement; [ 이벤트 버블링 ] 대상이 된 엘리먼트가 이벤트를.. 더보기