강좌
-
[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,..
-
[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] 2. 전역 객체 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:32
Chapter 2. Node.js의 전역 객체 1. 전역변수 웹 브라우저에서 동작하는 자바스크립트 최상위 객체는 window 객체입니다. but, Node.js는 웹 브라우저에서 동작하는 것이 아니므로 window객체가 존재하지 않습니다!! => 전역 변수와 전역 함수를 갖는 형태. 문자열 자료형의 전역변수인 __filename과 __dirname이 있습니다. 두 개의 변수는 변수 명으로도 눈치채셨으리라 생각됩니다. 콘솔을 통해 확인해보도록 하겠습니다. 아래 소스 코드를 node.global.js에 저장합니다. 12console.log('filename: ', __filename);console.log('dirname: ', __dirname);cs 파일이 있는 경로와 파일 명을 __filename을 통..
-
[Node.js] 1. 설치 및 애플리케이션 구동 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:30
Chapter 1. Node.js 설치 및 애플리케이션 구동 1. Node.js 개발 환경 구축 nodejs.org에 접속하여 해당 PC에 맞게 다운받아서 Next를 눌러서 설치하면 됩니다. 2. 명령 프롬프트(cmd)를 실행시켜 node를 입력합니다. 문제없이 설치되었다면 아래와 같이 나옵니다. 3. 간단한 콘솔 로그를 찍어보겠습니다. 12console.log('Hello World.. !'); Colored by Color Scriptercs 아래와 같이 Hello World.. ! 가 출력되는 것을 확인 할 수 있습니다. 4. node.basic.js 파일을 작성하여 애플리케이션을 구동해봅시다! 12console.log('Hello World.. !'); Colored by Color Scripte..
-
[Web Building] 9. Web DaaS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - Data as a Service (DaaS) 1. What We Will Do 이번 장에서: - SQL이 구동중인 웹 서버로 부터 유동적인 데이터 인출을 합니다. 2. Using a PHP Server Running MySQL customers.html을 수정합니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 Customers Customers var xmlhttp = new XMLHttpRequest();var url = "http://www.w3schools.com/website/customers_db_mysql.php"; xmlhttp..