JQuery 63

Node.js - response.end 한글 깨짐 현상 해결법

//모듈을 추출합니다. var http = require('http'); //서버를 생성 및 실행합니다. http.createServer(function(request, response){ response.writeHead(200, {'Content-Type': 'text/html;charset=UTF-8'}); //response.write(body, "utf8"); response.end('Test - File = 2 출력 '); }).listen(52273, function(){ console.log('Server Running at http://127.0.0.1:52273');}); 한글깨짐을 해결하기위해서 UTF-8을 사용한다는 것을 나타내줘야한다. 즉, 위와같이 빨간부분을 추가하면된다.

Jquery - html 메소드 사용법

.html()원문 링크 > http://api.jquery.com/html/함수들- html().html()- html( htmlString ).html( htmlString ).html( funtion(index, oldhtml) ).html()Returns : String개요 : 일치하는 요소 내부의 html을 문자열로 반환한다..html()html() 함수는 XML 문서에는 사용할 수 없습니다.HTML 문서에서 어떤 요소의 내부 내용을 알아내고자 할때 html() 함수를 사용할 수 있습니다. 만일 선택자에 의해 선택된 요소가 복수개일 경우 제일 처음 요소의 값만 취합니다. 아래 예제를 보도록 하죠.$('div.demo-container').html();이 구문은 div 태그들중 demo-contai..

Node.js - HTML 페이지에서 입력받고 MYSQL 에 데이터 추가하기

3줄요약 1. mysql 데이터 베이스 및 테이블 생성 2. 웹서버에 데이터 베이스를 연결 시키고, get, post 등 라우터를 구현해둔다. 3. HTML 로 입력 폼을 만들고 get 및 post 메시지로 데이터베이스 내용 추가 및 내용을 가져와서 보여준다. MYSQL 서버에 미리 Company라는 데이터 베이스를 만듭니다. mysql > CREATE DATABASE Company; mysql > USE Company 그다음 products라는 테이블을 생성합니다. mysql > CREATE TABLE products( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, name VARCHAR(50) NOT NULL, modelnumber VARCHAR(15) NOT NULL..

Jquery - preventDefault() 메소드

자바스크립트 코드에서 이벤트 핸들러처리가 끝난 후 preventDefault() 와 return false 등의 코드를 본적이 있을 것이다. 간혹 stopPropagation() 호출도 보이는데 이들의 차이점을 알아보자 1) preventDefault vs return false, stopPropagation : jQuery를 사용하지 않은 경우 - stopPropagation 은 사용자 정의 이벤트의 bubbling up 되는 것을 막아준다 + 사용자 정의 이벤트는 개발자가 직접 이벤트 핸들러를 작성할 경우 + 즉, 사용자가 작성한 이벤트 핸들러의 동작을 막아준다 - preventDefault 는 기본 정의 이벤트의 동작을 막아준다 + 앵커 태그와 같은 기본 제공 이벤트 (사이트로 이동하는 것) + 즉..

Node.js - POST 요청 Node.js에서 처리 방법

POST request에서 데이터를 읽는 것은 Node.js에서 약간 복잡합니다. 첫 번째 단계로 들어오는 data를 listen을 합니다. 여기서 한가지 트릭은 data가 끝날 때까지 기다려야 하는 것입니다. 그래야 데이터를 잃지 않고 처리할 수 있기 때문입니다. 다음은 예제 샘플입니다. 예제 소스. var http = require('http'); var postHTML = '' + '' + '' + 'Input 1: ' + 'Input 2: ' + '' + '' + ''; http.createServer(function (req, res) { var body = ""; req.on('data', function (chunk) { body += chunk; }); req.on('end', functi..

Node.js - URL별로 다른 HTML 페이지 제공하기

웹페이지 접속 주소 별로 다른 HTML 페이지를 제공하고 싶다면? 만약 naver.com이면 일반 pc 네이버로 접속하고 m.naver.com이면 모바일 네이버로 접속하는 것처럼.. request 객체의 url 속성을 이용하여 페이지를 구분할 수 있습니다. Index.html DOCTYPE html> Index hello node.js OtherPage.html DOCTYPE html> OtherPage hello node.js other page Node.js 서버단 server.js //모듈을 추출합니다. var http = require('http'); var fs = require('fs'); var url = require('url'); //서버를 생성 및 실행합니다. http.createSer..

Node.js - Location 속성을 이용한 페이지 강제 이동 시키기

웹페이지 접속 후 강제로 다른 사이트로 이동시키고 싶다면 응답 헤더의 Location 속성을 사용해서 구현할 수 있습니다. 예제는 서버단에서 구현을 한 뒤 크롬이나 익스플로러로 확인해보시면 됩니다. server.js //모듈을 추출합니다. var http = require('http'); //웹 서버를 생성 및 실행합니다. http.createServer(function(request, response){ //페이지 강제이동시 Location 속성을 바꿔준다, //302는 리다이렉트 status code 보통 Location 쓸때 사용함. response.writeHead(302, {'Location': 'http://www.naver.com'}); response.end(); }).listen(5227..

Node.js - 포트2개를 사용한 이미지와 음악파일 서버 만들기

서버를 동시에 2개를 만들고 싶다면 포트를 2개를 사용해야합니다. 다음 예제는 52273 포트에는 그림파일을 보여주고, 52274에는 음악파일을 재생시켜주는 예제입니다. Content-Type : image/jpeg 와 audio/mp3로 한점을 유의하고 코딩해봅시다. server.js //모듈을 추출합니다. var fs = require('fs'); var http = require('http'); //52273번 포트에 서버를 생성하고 실행합니다. http.createServer(function(request, response){ //이미지 파일을 읽습니다. fs.readFile('Chrysanthemum.jpg', function(error, data){ response.writeHead(200, ..

Node.js - File System 모듈을 이용한 HTML 페이지 제공

File System 모듈을 사용한 HTML 페이지 제공 방법입니다. 서버에 접속하면 서버에서는 HTML 파일을 읽은 다음 그 내용을 HTML 형식으로 뿌려주는 예제입니다. File System 모듈의 readFile메소드를 사용하여 html 파일을 읽습니다. writeHead(statuscode, object); 여기서 statuscode 는 다음 링크에 설명되어있습니다. http://ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C end 메소드는 실제로 본문을 작성하는 부분입니다. server.js //모듈을 추출합니다. var fs = require('fs');//file system 모듈 불러오기 var http = require..

Node.js - mysql 데이터베이스 연동 방법

Node.js에서 MYSQL 데이터 베이스에 접근을 하려면 먼저 createConnection 메소드를 이용하여 client 객체를 생성한다. 그 후 query메소드를 이용하여 쿼리문을 날리게 된다. server_ex22_3.js파일 var mysql = require('mysql'); var client = mysql.createConnection({ user: 'root', password: 'apmsetup' }); client.query('USE Company');//Company라는 데이터 베이스 사용 //products 테이블정보 모두 표시 client.query('SELECT * FROM products', function(error, result, fields){ if(error){ con..

반응형