https://char1ey.tistory.com/64 NodeJs.XMLHttpRequest이용하기 목차 1. 효율적인 통신을 위해서 2. XMLHttpRequest 3. XMLHttpRequest 사용하기 1. 효율적인 통신을 위해서 이전에는 서버와 클라이언트(브라우저)가 서로 데이터를 주고 받을 때, 화면을 그리는 방법은 요 char1ey.tistory.com 위 포스팅 가장 하단의 코드를 제대로 이해하고 쓰지 못했던 것 같아 아쉬움이 있었다. 코드와 XML 객체에 대해서 한 번 더 짚고 넘어가보자. HTML AJAX_GET AJAX_POST 메시지 Javascript(DOM, XML 객체) const ajax_get = document.querySelector('#ajax_get') const a..

목차 1. TCP Server 작동 원리 2. req.js 3. res.js 3.1. send 3.2. sendFile 3.3. static 4. server.js 1. TCP Server 작동 원리 저번 TCP Server 만들기(1)에서는 클라이언트를 직접 만들었지만, 이번에는 크롬 브라우저를 클라이언트로 이용해보도록하자. 저번시간에 했던 내용을 간단하게 되짚어 보도록하자. 통신을 위해 서버와 클라이언트는 서로 요청 메시지와 응답메시지를 주고 받는다. 우리가 서버 역할을 하기위해선 클라이언트가 보낸 요청 메시지를 받아 잘 해석하여 무엇을 요청하였는지 파악한 후, 클라이언트에게 응답 메시지를 작성해 주어야한다. 이때 요청과 응답은 HTTP 메시지로 주고 받는데 이 메시지의 형태는 HTTP 프로토콜에 의..

목차 1. global 2. global 예제 1. global NodeJs에서는 기본적으로 내장 객체를 제공해준다. 브라우저의 Window 객체와 비슷하지만, 안에 있는 내용의 차이가 있으므로 주의하자. 브라우저의 window와 같이 전역 객체이다. 전역 객체로서 모든 파일에 접근할 수 있다. window와 마찬가지로 메서드 앞에 global을 생략할 수 있다. global 객체 내부를 보려면 REPL을 이용하여야 한다. $ node > global 내용이 많아 모두 표현하진 못하지만 이 외에도 많은 내용이 들어있다. 2. global 예제 global 객체는 전역 객체이므로 모든 파일에서 접근이 가능하다. 이를 이용해 간단한 데이터 공유에 사용할 수 있다. // 1.js module.exports =..

목차 1. 모듈(Module) 2. 모듈(Module) 만들기 1. 모듈(Module) 모듈(Module)이라는 뜻은 우리가 구현하려는 프로그램에 있어서 `작은 단위`라고 볼 수 있다. 모듈(Module)이란 특정한 기능을 하는 `함수`나 `변수`들의 집합이다. 모듈(Module)은 자체로도 하나의 `프로그램`이면서 다른 프로그램의 `부품`으로도 사용이 가능하다. 모듈로 만들어두면 여러 프로그램에 해당 모듈을 재사용할 수 있다 자바스크립트에서 코드를 재사용하기 위해 함수로 만드는 것과 비슷하다. 보통 파일 하나가 모듈 하나가 된다. 파일별로 코드를 모듈화할 수 있어 관리가 용이하다. 2. 모듈(Module) 만들기 실제로 모듈을 만들어 보자. const.js, func.js, index.js 각각의 파일..

목차 1. REPL 2. JS 파일 실행 1. REPL 자바스크립트는 스크립트 언어로, 컴파일을 하지 않아도 즉석에서 코드를 실행할 수 있다. 브라우저의 F12키를 눌러 콘솔창에 직접 자바스크립트 코드를 실행하듯이, NodeJs(이하 노드)도 비슷한 콘솔을 제공한다. 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print) 종료시까지 반복(Loop)한다고 해서 REPL라고 부른다. 1.1 REPL의 실행 REPL을 직접 사용해보자,. 우선 터미널을 열고, 아래의 명령을 적어주자. $ node # node를 실행시킨다. 아래와 같이 되면 성공이다. 이제 > 뒤에 자바스크립트 코드를 입력할 수 있다. 변수에 'hello world!'를 담아 console로 출력해보자. 입력한 코드..

목차 1. NodeJs의 개념 1.1. 서버 1.2. 자바스크립트(JavaScript) 런타임 1.3. 이벤트 기반(Event-Driven) 1.3.1. 이벤트 루프 1.4. 논 블로킹 I/O 1.5. 싱글 스레드 1. NodeJs의 개념 그림 1에서는 NodeJs를 공식홈페이지에서 소개하고 있는 글이다. "Node.js(이하 노드)는 Chrome 8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다." 아직은 위의 문장을 보아도 잘 이해가 가지않는다. 이 문장을 이해하기 위해선 여러가지의 개념들이 필요하다. 이를 한번 알아보도록 하자. 1.1 서버 컴퓨터를 좀 사용해 봤다면 서버와 클라이언트에 대해 많이 들어봤을 것이다. 난 서버와 클라이언트에 대해 어렴풋이 무엇을 의미하는지 알지만,..