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

처음 만들어본 자바스크립트 파일에는 console 객체가 사용 되었다. 여기에서 console 객체는 전역객체(Global Object)라고 부르며 필요할 때 코드의 어느 부분에서나 사용할 수 있다. ※ 전역 객체는 언제 어디서나 사용 가능하다. 자바스크립트에서는 다른 언어들처럼 함수를 만들 수 있고 함수 안에서 변수를 선언하여 사용할 수 있다.그런데 함수 안에서 선언한 변수는 그 함수 안에서만 유효하다. 즉, 그 함수 안에서만 사용할 수 있다.이와 달리 전역 객체는 함수 안과 밖에서 모두 사용할 수 있도록 범위를 제한하지 않는 객체이다. 따라서 코드의어느 부분에서나 사용할 수 있다. 대표적인 전역 객체들은 님들이 프로그램을 만들면서 필요할 때마다 사용할 수 있어야 하므로 간단하게 그 기능을 알아보자.노..

이번에는 코드를 직접 한 부분씩 입력하면서 실행해보자. 먼저 명령 프롬프트 창에서 Ctrl + C 키를 눌러 시행중인 프로그램을 종료한다. 그 다음에는 명령 프롬프트 창에 node만 입력하고 Enter키를 누르면 코드를 바로바로 입력하여 노드를 실행할 수 있다. node.exe 파일이 실행되면 노드 실행 환경이 되고, 자바스크립트 파일의 코드가 한 줄씩 해석되어 실행된 후 그 결과가 콘솔 창에 출력된다. 이렇게 노드 프로그램의 실행 과정을 살펴보면 자바스크립트 파일 안에 들어있는 코드가 어떤 과정을 거쳐 실행되는지 좀 더 쉽게 이해할 수 있다. 다시 정리하면 명령 프롬프트 창에서 node.exe 파일을 실행하면서 자바스크립트 파일을 지정하면 그 자바스크립트 파일이 실행되며, node.exe 파일만 실행하..

자바스크립트 파일을 만들 때는 브라켓을 사용하고 만든 파일을 실행할 때는 명령 프롬프트 창을 사용하면 불편할 수 있다.그래서 브라켓에 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 엔진에는 필요한 기능을 병렬로 ..

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

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