앜스토리 | 호기심 많은 개발자의 보물창고

자바스크립트 파일을 만들 때는 브라켓을 사용하고 만든 파일을 실행할 때는 명령 프롬프트 창을 사용하면 불편할 수 있다.그래서 브라켓에 NodeJS Intergration 확장 기능을 설치하면 노드 실행 프로그램을 바로 사용할 수 있어 편리하다. 브라켓의 [확장 가능 관리자] 아이콘을 클릭한 후 대화상자가 보이면 NodeJS를 검색한다. 확장 기능 중에서 NodeJS Intergration이 보이면 [설치] 버튼을 클릭하여 설치한다. [닫기] 버튼을 누른 후 브라켓이 다시 시작되면 상단 메뉴 영역에 [NodeJS]라는 메뉴가 새로 추가된다. NodeJS Integration을 꼭 사용해야 하는 것은 아니다 NodeJS Integration 플러그인을 설치하고 js 파일을 하나 실행했을 때 js 파일의 코드..

브라켓은 폴더를 하나 지정하면 그 폴더를 작업 공간으로 사용한다. 여기서는 윈도우 사용자 폴더에 만들었던 [brackets-nodejs] 폴더 안에 새로운 프로젝트 폴더를 만들어 지정한다. 파일 탐색기를 열고 [brackets-nodejs] 폴더 안에 [NodeExample1] 폴더를 만든다. 그리고 브라켓을 실행한 후 [파일 -> 폴더 열기...] 메뉴를 선택한다. 폴더를 선택하는 대화상자가 나타나면 [NodeExample1] 폴더를 선택한다. 그러면 브라켓 화면 왼쪽의 프로젝트 영역에 선택한 폴더가 표시된다. ▲ 브라켓에서 [NodeExample1] 폴더를 선택했을 때 화면 프로젝트 영역을 마우스 오른쪽 버튼으로 클릭하면 팝업 메뉴가 나타난다. 메뉴 중에서 [파일 만들기] 메뉴를 선택한 후 파일의 이..

노드 설치 프로그램은 노드 사이트에서 다운로드가 가능하다. 노드사이트 < - 클릭 이곳에 접속하면 첫 화면에 Download for Windows(x64)라고 64비트 전용 다운로드 버튼이 두 개 나타난다. 어떤 것을 다운받아도 상관은 없다. 이 포스팅에서는 Current라는 단어가 붙은 버전을 다운로드 한다. 설치를 해보자! LTS와 Current는 차이가 약간 있다.LTS(Long Term Supported) 버전은 서버 환경에서 안정적으로 동작하도록 지원하는 버전이다. 노드를 사용하는 목적이 서버 개발인데 실제로 서버를 운영할 때는 안정성과 보안이 더 중요하므로 LTS 버전을 사용한다. Current 버전은 LTS 버전에 비해 최신 기능을 포함하고 있다. 새로운 기능을 추가하거나 기존 버전에 있는 ..

노드를 개발하는데 필요한 개발 도구를 설치 해보자. 다음 포스팅에서 제공하는 샘플 코드를 실행하기 위해서는 이 포스팅의 설명에 따라서 개발 도구를 먼저 설치해야 한다. 자바스크립트가 기반인 노드는 자바스크립트로 개발할 수 있는 개발 도구라면 어떤 것이든 사용할 수 있다. 예를 들어, 이클립스(Eclipse)를 사용할 수도 잇고 텍스트 편집기인 에디트플러스(EditPlus)도 사용할 수 있다. 이번 포스팅에서는 여러 개발 도구 중 웹 개발에 많이 사용하는 브라켓(Brackets)을 설치해서 사용한다. 순서대로 하나씩 따라가보자. 절대로 어렵지 않다! 브라켓을 설치한다▼크롬 브라우저를 설치한다.▼노드를 설치한다. ① 웹 브라우저를 열고 주소창에 'bracket.io'를 입력한 후 Enter 키를 누른다. 열..

소스파일 하나에 실행하려는 기능이 모두 들어 있다면 코드의 양이 많을 뿐만 아니라 복잡해진다.이미 잘 알고 있는 것처럼, 웹 브라우저에서 사용하는 자바스크립트는 확장자가 js인 별도의 파일로 만들면 코드를 분리해서 관리할 수 있고 필요할 때 불러서 사용할 수 있다. 이와 마찬가지로 노드에서도 필요한 기능을 별도의 자바스크립트로 만든 후 필요할 때마다 불러올 수 있다. 다만, 그 형태는 CommonJs 표준 스펙을 따른다. 노드에서 코드를 각각의 파일로 분리시킨 후 필요할 때 불러와 사용하는 과정을 살펴보자. ▲ 노드의 모듈 사용 방식 먼저 메인이 되는 자바스크립트 파일의 일부 코드를 떼어 별도의 파일로 만들 수 있는데 이것을 모듈(Module)이라고 부른다. 예를 들어, 코드의 일부를 떼어 module_..

데이터 처리 방식을 비동기 방식으로 바꾸어도 자바스크립트 코드를 실행하는 속도가 느리면 효율성이 떨어질 수 있다.자바스크립트는 코드를 한 줄씩 해석하면서 실행하는 인터프리터(Interpreter)방식을 사용하므로 속도가 느려 문제가 되곤 했다. 그러나 이러한 문제는 크롬의 V8 자바스크립트 엔진이 나오면서 해결되었다. V8 엔진은 자바스크립트 코드를 네이티브 코드로 바꾼 후 실행할 수 있는데, 노드는 이 V8 엔진을 이용해 자바스크립트 코드를 빠르게 실행할 수 있다. 다음 그림은 V8 엔진에서 노드가 동작할 수 있도록 만든 시스템 구조(아키텍처, Architecture)를 보여준다. 노드를 설치한 다음 노드로 프로그램을 만들어 실행하면 크롬 V8 엔진 위에서 실행되낟.V8 엔진에는 필요한 기능을 병렬로 ..

모바일 서버는 모바일 단말을 사용할 때 필요한 기능을 제공하는 서버이다. 보통 안드로이드폰이나 아이폰에서 동작하는 앱에서 서버 기능이 필요할 때는 웹 서버를 만들어 데이터를 주고받는 경우가 많다. 이는 웹 서버의 기능만으로도 앱에서 서버에 데이터를 보내 저장하거나, 서버의 데이터를 조회하는 기능을 충분히 만들 수 있기 때문이다. 그러나 사용자가 어떤 모바일 단말을 사용하는지 알고 싶거나 모바일 단말로 푸시 메시지를 보내고 싶은 경우에는 모바일 전용 기능을 사용할 수 있도록 모바일 서버라는 이름으로 서버 기능을 만든다. 물론 웹 서버를 만든 후 모바일 서비스를 위주로 사용할 때도 모바일 서버라고 부르기도 한다. ▲모바일 주요 기능 모바일 단말에서 웹 브라우저를 열고 웹 문서를 요청할 경우에는 앞에서 설명한..

위치 기반 서비스 서버는 위치 정보를 저장하고 조회할 때 사용한다. 내가 있는 위치에서 가장 가까운 가게를 찾고 싶다면 나의 위치 정보와 가게의 위치 정보를 조회후 비교하는 과정이 필요하다. 그 때 위치 기반 서비스 서버가 이러한 역할을 수행한다. 그런데 일반 웹 서버에서 가게의 위치 정보를 요청받아 위치 데이터를 저장하거나 조회하면 안 되는 걸까? 왜 굳이 위치 기반 서비스 서버라는 것을 사용해야 할까? 위치 정보는 경도와 위도 좌표를 사용하는데, 위도와 경도 두 가지 숫자 값을 데이터베이스에 그대로 저장하면 데이터 양이 늘어나게 된다. 또한 두 개의 값을 한꺼번에 비교하여 조회한다면 검색 속도는 현저하게 떨어지게 될 것이다. 따라서 위치 정보를 효율적으로 저장하고 조회하는 별도의 방법이 필요하다. 이..

JSON-RPC 서버는 서버 쪽에 함수를 만들어 두고 클라이언트에서 함수를 호출 하듯이 데이터를 요청하면 응답하는 서버이다. 주로 웹 문서가 아닌 데이터만을 주고 받을 때 JSON-RPC 서버를 사용한다. JSON(제이슨이라고 읽는다)은 어떤 형식으로 데이터를 주고받을지를 정해 놓은 표준 데이터 포맷이며, RPC(Remote Procedure Call) 방식으로 데이터를 주고 받는다. RPC는 서버 쪽에 함수를 만들어 두고 클라이언트에서 함수를 호출 하듯이 데이터를 요청할 수 있도록 만들어 주는 표준이다. JSON과 RPC 표준을 함께 사용하며, 서버 쪽에 구축해야 하는 기능을 함수별로 명확하게 구분하여 만들 수 있다. 이 때문에 서버의 유지 관리가 쉬워진다. 그리고 클라이언트에서 웹 문서가 아닌 데이터..

채팅 서버는 일대일(1:1) 채팅이나 그룹 채팅처럼 실시간 채팅 기능을 클라이언트에서 사용하고 싶을 때 만든다. 웹 브라우저나 모바일 단말 같은 클라이언트에서 채팅 메시지를 서버에 보내면 서버는 이 메시지를 누구에게 전달할 것인지를 결정한 후에 응답을 보낸다. ▲ 채팅 서버의 주요 기능 웹 브라우저나 모바일 앱에서 실시간 채팅 기능을 사용하고 싶다면 먼저 채팅 서버에 접속한다. 채팅 서버는 웹 서버에 기능을 추가한 형태로 구성되며, 일대일 채팅과 그룹 채팅 기능을 제공한다. 클라이언트는 채팅을 위해 채팅 서버에 접속한 후 로그인하고 친구 목록을 가져올 수 있다. 채팅 메시지를 채팅 서버에 보내면 일대일 채팅의 경우에 상대방을 찾아 메시지를 보내고, 그룹 채팅의 경우에는 대화방에 들어와 있는 모든 사람에게..