Web
-
[jQuery] 3. 선택자(selector) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:13
jQuery Selectors jQuery 선택자(selector)는 jQuery 라이브러리의 가장 중요한 부분 중 하나입니다. 1. jQuery Selectors jQuery 선택자는 HTML 요소를 선택하고 조작할 수 있게 허용합니다. jQuery 선택자는 요소들의 id, classes, types, attributes, attribute의 값 등을 기반으로 HTML 요소를 찾습니다. 이것은 CSS 선택자를 기반으로 하였습니다. jQuery의 모든 선택자는 달러 마크와 괄호로 시작됩니다: $() 2. The element Selector jQuery 요소 선택자는 요소 이름(element name)을 기반으로 요소를 선택합니다. 페이지 내의 모든 요소를 선택하기 위해 아래와 같이 할 수 있습니다: 1..
-
[jQuery] 2. 문법(Syntax) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:12
jQuery Syntax jQuery를 사용하여 HTML 요소를 선택하고 그들을 가지고 "액션"을 수행할 수 있습니다. 1. jQuery Syntax jQuery 문법은 HTML 요소를 선택하기 위한 안성맞춤의 문법이고 요소의 어떤 액션을 수행하기 위한 문법입니다. 기본 문법은 $(selector).action() 입니다: - $ 마크로 선언/접근 하는 jQuery 문법입니다. - (selector)는 HTML 요소를 찾는 문법입니다. - action()은 요소가 수행할 액션입니다. 예제: - $(this).hide() : 현재 요소를 숨깁니다. - $("p").hide() : 모든 요소를 숨깁니다. - $(".test").hide() : 클래스가 "test"인 모든 요소를 숨깁니다. - $("#test..
-
[jQuery] 1. 시작 - jQuery 강좌Web/jQuery 2015. 6. 13. 11:11
jQuery Get Started 1. Adding jQuery to Your Web Pages 웹 사이트에서 jQuery를 사용하는 몇가지 방법이 있습니다: - jQuery.com 에서 jQuery 라이브러리 다운로드 - 구글과 같은 CDN에서의 jQuery 포함 2. Downloading jQuery 2개의 jQuery 버전을 다운로드 할 수 있습니다: - Product Version: 웹사이트에서 사용가능한 최소화되고 압축된 버전 - Development Version: 테스팅하고 개발하기 위한 버전(비압축되고 가독성 코드인) 두 버전 모두 jQuery.com에서 받으실수 있습니다. jQuery 라이브러리는 자바스크립트 파일로 한줄이면 됩니다. HTML의 jQuery 강좌, 제이쿼리, jQuery,..
-
[jQuery] jQuery & AjaxWeb/jQuery 2015. 6. 13. 11:11
jQuery jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개하였다. jQuery는 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나이다. jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서v2의 듀얼 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. 또한, jQuery는 개발자가 플러그인을 개발할 수 있는 기능을 제공한다. Ajax Ajax(Asynchronous JavaS..
-
[Node.js] 6. 외부 웹 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:43
Chapter 6. 외부 웹 모듈 이 장에서 Node.js가 기본적으로 내장하고 있지 않아 일반 개발자가 만들어 배포한 외부 모듈을 살펴볼 것입니다. 이 장에서는 NPM(Node Package Manager)를 이용하여 EJS 모듈, Jade 모듈처럼 웹과 관련된 모듈을 살펴봅니다. npm install ejs npm install jade 각각 cmd 창에서 수행해주세요. 1. EJS 모듈 EJS 모듈은 템플릿 엔진 모듈입니다. 템플릿 엔진 모듈은 특정한 형식인 파일로부터 HTML 페이지를 생성하는 모듈을 의미합니다. 1-1. EJS 모듈의 메서드 EJS 모듈의 메서드 - render(str[, option]) : EJS 페이지를 HTML 페이지로 바꿉니다. 12345678910111213var htt..
-
[Node.js] 5. http 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:39
Chapter 5. http 모듈 Node.js에서 가장 기본적인 웹 모듈이며 HTTP 웹 서버를 생성하는 것과 관련된 모든 기능을 담당합니다. 1. server 객체 http 모듈에서 가장 중요한 객체는 server 객체입니다. http 모듈의 createServer() 메서드를 사용하여 server 객체를 생성 가능 합니다. Server 객체의 메서드 - listen(port[, callback]) : 서버를 실행합니다. - close() : 서버를 종료합니다. Server 객체의 이벤트 - request : 클라이언트가 요청할 때 발생하는 이벤트입니다. - connection : 클라이언트가 접속할 때 발생하는 이벤트입니다. - close : 서버가 종료될 때 발생하는 이벤트입니다. - checkC..
-
[Node.js] 4. 이벤트 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:35
4. 이벤트 Node.js는 이벤트 기반 비동기 프로그래밍입니다. 1. 이벤트 연결 이벤트 연결에 관한 예제를 살펴봅시다. 12345678910111213141516171819202122// 종료 이벤트 연결process.on('exit', function() { console.log('Goodbye');}); // 예외처리 이벤트 연결process.on('uncaughtException', function(error) { console.log('Exception occur');}); var count = 0;var id = setInterval(function() { count++; // 3번 실행하면 타이머 중지 if (count == 3) { clearInterval(id); } // 강제로 예외 ..
-
[Node.js] 3. 기본 내장 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:34
Chapter 3. 기본 내장 모듈 Node.js는 다양한 모듈을 지원합니다. https://nodejs.org/docs/latest/api/index.html 위 링크를 통해 Node.js 문서를 참고하실 수 있습니다. 1. os 모듈 가장 먼저 os 모듈에 대해 살펴보도록 하겠습니다. os 모듈의 메서드 - hostname() - type() - platform() - arch() - release() - uptime() - loadavg() - totalmem() - freemem() - cpus() - getNetworkInterfaces() 아래 예제를 통해 직접 메소드의 역할을 살펴봅시다. 123456789101112131415// os 모듈 추출var os = require('os'); co..