java 60

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..

Node.js - EventEmitter 객체를 활용한 이벤트 생성 및 처리

Node.js에서 이벤트를 연결할 수 있는 모든 객체는 EventEmitter 객체의 상속을 받습니다. process객체도 EventEmitter 객체의 상속을 받습니다. 메소드 이름 설명 addEventListener(eventName, eventHandler) 이벤트를 연결 on(eventName, eventHandler) 이벤트를 연결 setMaxListeners(limit) 이벤트 연결 갯수 조절 removeListener(eventName, handler) 특정 이벤트의 이벤트 리스너를 제거합니다. removeAllListeners([eventName]) 모든 이벤트 리스너를 제거합니다. once(eventName, eventHandler) 이벤트를 한 번만 연결합니다. 일반적으로 이벤트를 발생..

Node.js - File System 모듈 사용하기

File System 모듈 기본적으로 File System 모듈을 사용하기 위해서 require('fs')로 모듈을 포함시키게 된다. 파일 읽기는 동기식으로는 readFileSync함수를 사용하고 비동기식은 readFile함수를 사용한다. //File System을 위한 모듈 추출 var fs = require('fs'); //동기식 파일 읽기 try { var text = fs.readFileSync('textfile.txt', 'utf8'); console.log(text); } catch (e) { console.log(e); } //비동기식 파일 읽기 var text2 = fs.readFile('textfile.txt', 'utf8', function (error, data) { if (error..

Jquery -$ajax 크로스 도메인 문제 해결 방법

jax를 사용하다보면 외부 서버에 요청을 할 경우가 있다. 외부서버에 ajax호출을 하면 크로스 도메인 문제가 생긴다. 해결하는 방법은 아래와 같다. Proxy Server 이용 클라이언트에서 로컬서버로 호출 후 로컬서버에서 외부서버로 호출 하는 방식이다. 스크립트로 호출 서버쪽 언어로 데이터 처리를 하고 스크립트로 응답한다. 클라이언트는 해당 파일을 스크립트로 로드하여 사용한다. response시 도메인 허용 response header에 Access-Control-Allow-Origin속성을 추가하여 해당 도메인은 크로스도메인에 걸리지 않게 한다. 예)node.js 에 express사용할 경우 app.use(function(req, res, next) { res.header("Access-Contro..

Jquery - $.ajax() 메서드의 옵션

jQuery.ajax (options) HTTP 통신에서 페이지를로드합니다. 이 함수는 jQuery의 AJAX 통신의 기본 부분에서 실제로 $. get및 $. post 같은 함수를 사용하는 것이 쉽게 구현할 수 있습니다. 그러나 이러한 추상화된 함수는 구현의 용이성과 교환에 오류시 콜백과 같은 복잡한 기능을 잃고 있습니다. 그런 처리를 구현하려면, 역시 핵심이다이 함수를 사용해야합니다. $. ajax 함수는 반환값으로 XMLHttpRequest 객체를 반환합니다. 대부분의 경우이 개체를 직접 조작하는 것은 없다고 생각되지만, 예를 들어 던져 버린 요청을 중단하는 경우 등, 필요하면 이용하십시오. 이 함수는 인수를 하나만 취하지만, 실제로는 해시에서 키 - 값 조합은 많은 옵션을받습니다. 다음에 그 목록을..

Node.js- ajax로 타 도메인과 연동 문제 / CORS(Cross-Origin Resource Sharing)

클라이언트 소스(브라우저) 1 2 3 4 5 6 7 8 9 $.ajax({ url : "192.168.48.123/api/client", type : "POST", cache : false, dataType:"json", success: function(data) { console.log(data); }, }); 오류메세지 XMLHttpRequest cannot load http://192.168.48.123/api/client. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '192.168.48.456' is therefore not allowed access. 해결방법(서버 Node.js 소스 수..

jquery - 슬라이더 효과를 사용한 이미지 전환 방법 (이미지슬라이더)

라인같은 사이트를 보면 다음과 같은 이미지 슬라이더가 있습니다. 흰색 버튼을 누르면 화면이 전환됩니다. 이러한 기능을 이번에 구현해봅시다. 화면 구성을 먼저 html의 div 태그로 나누게 되는데 1. slider_panel : 실제 이미지가 들어가는 곳 2. slider_text_panel : 텍스트가 들어가는 곳 3. control_panel : 버튼이 들어가서 클릭시 이미지가 슬라이드됨. 위와같이 div태그로 화면을 구성하였습니다. 소스중에서 css에서 left 속성을 –300으로 보내는 것이 있는데 –300이면 화면 밖이므로 즉, 화면 밖으로 보내서 실제 유저의 화면에는 안보이게 하는 것입니다. 여기서 가장 주의해야 할 점은 제일 상위 css클래스인 animation_canvas(캔버스)는 ove..

jquery - Jquery UI Effect 플러그인 사용법

jquery UI Effect 플러그인을 다운 http://jqueryui.com 에서 download에서 받을 수 있습니다. 기본적으로 addClass메소드로 애니메이션을 추가하고 removeClass메소드로 애니메이션을 삭제 할 수 있습니다. 이를 사용하기 위해서는 과 이부분을 추가해줘야 플러그인을 사용할 수 있습니다. 소스 DOCTYPE html> .reverse{ color: white; background-color: black; } $(document).ready(function(){ $('div').hover(function(){ $(this).addClass('reverse', 1000); }, function(){ $(this).removeClass('reverse', 1000); });..

반응형