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

배열 안의 모든 요소를 확인하는 가장 간단한 방법은 for문을 사용하는 것이다. 파일 ch03_test10.js를 만들고 다음과 같이 입력하자. var Users = [{name:'소녀시대', age:20}, {name:'걸스데이', age:22}, {name:'티아라', age:23}]; console.log('배열 요소의 수 : %d', Users.length);for(var i=0; i

배열은 여러 개의 데이터를 하나의 변수에 담아 둘 수 있어서 자주 사용되며, 배열 안에 들어 있는 요소(또는 원소, Item)들은 대괄호 []를 이용해서 접근할 수 있다. 배열이 만들어지는 모양은 다음과 같다. ▲ 배열이 만들어지는 모양 만약 다섯 명의 사용자 정보를 관리하기 위해 다섯 개의 객체를 만들고 각각 다른 이름의 변수에 할당했다면 매번 다섯 개의 변수에 접근하고 관리해야 한다. 그런데 Users 변수를 하나만 만들고 그 안에 다섯 개의 사용자 객체를 넣어 한꺼번에 관리할 숭 ㅣㅆ다면 각각을 따로 관리하는 것보다 훨씬 편리해진다. 이렇게 여러 개의 데이터를 편리하게 다룰 수 있기 때문에 배열을 자주 사용한다. 배열에 추가되는 요소들은 0부터 시작하는 인덱스(Index) 번호로 접근할 수 있다. ..

그러면 함수를 사용할 때는 어떨까? 자바스크립트가 자료형을 표시하지 않기 때문에 함수를 선언하고 호출하는 형태로 약간 달라진다. ▲ 자바와 자바스크립트의 함수 비교 자바에서 더하기 함수를 만드는 경우, 먼저 함수 상자의 이름을 add라고 붙일 수 있다. 함수 상자는 입력 값과 출력 값을 갖는데, 이 입력 값을 a와 b라는 변수로 받아 함수 상자에 넣어 준다면 add라는 함수 이름 뒤에 소괄호를 붙인 후 파라미터(매개변수) 이름과 타입을 적어야 한다. 또한 함수의 출력 값이 정수라면 함수 이름 앞에도 int와 같은 타입을 표시해야 한다. 그러나 자바스크립트에서는 타입을 표시하지 않으므로 타입이 표시되었던 부분은 모두 사라진다. 심지어 파라미터로 전달되는 변수에는 var 키워드도 붙일 필요가 없다. 이 때문..

변수를 만들고 자료형이란 무엇인지 알아보기 위해 코드를 만들어 실행해보자. ch03_test1.js를 만들어 다음 코드를 입력한다. var age = 20;console.log('나이 :%d', age); var name = '소녀시대';console.log('이름 : %s', name); ▲ 자바스크립트의 변수에 들어 있는 값을 콘솔 창에 뿌리기 이렇게 숫자나 문자열을 변수 상자에 넣어두는 방법은 어렵지 않다. 자바스크립트의 변수에는 숫자, 문자열, 불린(Boolean)과 같은 값을 넣을 수 있으며 객체를 넣을 수도 있다. 객체를 만들고 싶다면 중괄호를 이용해 만들 수 있으며, 중괄호로 묶은 객체 안에는 속성을 추가할 수 있다. 객체 안에 들어있는 속성의 이름은 하나의 변수로 생각할 수 있으며, 변수의..

변수라는 것은 데이터를 담아주는 상자이다. 그래서 변수를 변수 상자라고 부르기도 하며, 이 안에 들어가는 데이터의 크기에 따라 상자의 크기가 달라진다. 자바나 C 언어와 같은 타입 기반의 언어 (Type based language)는 메모리를 절약하기 위해 정수와 문자열을 만들 때 다른 크기의 변수 상자를 만들고 변수 앞에 int, String과 같은 타입(Type, 자료형)을 지정한다. 그러나 자바스크립트는 자료형을 명시하지 않는다. 이 때문에 자바스크립트는 모든 변수를 var 키워드로 선언하고 사용한다. 자바라는 언어에서 변수를 만들 때 사용하는 방식과 자바스크립트에서 변수를 만들 때 사용하는 방식을 비교해보자. ▲ 자바와 자바스크립트의 변수 타입 비교 자바는 숫자'10'을 넣어두기 위해 변수 상자를..

모듈을 직접 만들어 사용하는 방법과 다른 사람이 만들어 놓은 외장 모듈, 즉 외부 패키지를 설치한 후 불러와서사용하는 방법을 알아보았다. 이번에는 노드 내에 내장되어있는 기본 내장 모듈을 알아보자. 내장 모듈을 자주 사용하는 기본 기능을 노드에 포함시켜 제공하는 것이다. 노드를 설치하고 나면,그 안에 제공되는 다양한 모듈을 사용할 수 있다. 이러게 미리 포함되어 있는 모듈을 내장 모듈이라고 하고, 개발자가 직접 만들어 올린 모듈을 외장 모듈이라고 한다. 외장 모듈은 npm으로 설치해야 하지만 내장 모듈은 바로 사용할 수 있다. 이번 포스팅에서는 내장 모듈 중에서 os 모듈과 path 모듈에 대해 알아본다. ※ 내장 모듈보다 외장 모듈이 더 편리한 경우도 있다. 내장 모듈의 기능이 불편하거나 충분하지 못하..

이제는 다른 사람이 만든 모듈을 사용하는 방법에 대해 알아보자. 앞에서 process.env 속성을 사용해서 OS 환경 변수를 확인했었다. 이 과정을 이번에는 모듈을 사용해서 확인해보자. 시스템 환경 변수를 확인하는 기능을 다른 사람이 모듈로 만들어 둔 것이 있는데, 우리는 그 모듈을 불러와 실행하면 된다. 이렇게 다른 사람이 만들어 둔 모듈을 '외장 모듈'이라고 한다. 시스템 환경 변수에 접근할 수 있는 모듈의 이름은 nconf이며, 이 모듈은 설정과 관련된 유용한 기능뿐 아니라, 시스템 환경 변수를 접근하는 기능도 포함하고 있다. ch02_test6.js 파일을 만든 후 다음 코드를 입력해보자. var nconf = require('nconf');nconf.env(); console.log('OS 환..

이번 포스팅에서는 모듈 파일에서 exports가 아닌 module.exports를 사용했을 때 메인 파일에서 어떻게 더하기 함수를 호출할 수 있는지를 알아보자. 프로젝트 새로운 자바스크립트 파일 calc2.js를 추가한다. var calc = {}; calc.add = function(a, b){ return a + b;} module.exports = calc; 이 파일에서는 calc.js 파일처럼 더하기 함수를 만들었찌만 exports의 속성으로 만들지는 안항ㅆ다. calc 객체를 만들고 그 객체의 속성으로 더하기 함수를 할당한 후 마지막에는 module.exports에 calc 객체를 할당했다. 이렇게 코드를 만들면 calc 객체는 모듈을 불러들이는 쪽에서 그대로 사용할 수 있다. 이제 ch02_t..

ch02_test4.js 파일을 만든 후 다음 코드를 입력해보자. var calc = {};calc.add = function(a, b) { return a + b;} console.log('모듈로 분리하기 전 - calc.add 함수 호출 결과 : %d', calc.add(10, 10)); calc 객체를 하나 만든 후 그 객체에 add 속성을 추가하고 더하기 함수를 할당했따. 이렇게 만든 함수는 calc.add()와 같은 형태로 호출할 수 있다. 이 코드 중에서 더하기 함수를 속성으로 추가했던 calc 객체를 별도의 파일로 분리하면 모듈 파일이 만들어진다.먼저 더하기 함수에 해당하는 코드를 새로 만든 파일에 넣은 후 약간 수정해야 한다. 프로젝트에 새로운 자바스크립트 파일 calc.js를 추가한 후 ..

하나의 함수 안에 모든 기능을 넣는 것보다 기능별로 여러 개의 함수로 나눈 후 필요한 함수만 가져다 사용하면 다른 곳에서도 이 함수를 재사용할 수 있기 때문에 훨씬 효율적으로 프로그램을 만들 수 있다. 또한 각각의 기능을 나누어 프로그램 관리가 더 쉬워진다. 코드를 하나의 파일이 아니라 여러 개의 파일로 나누어 만들 때에도 이런 장점을 그대로 살릴 수 있다. 다음은 파일의 내용을 확인하기 위해 만든 프로그램에서 각각의 기능을 별도의 파일로 분리한 모양을 그림으로 표현한 것이다. ▲ 파일 내용 확인 프로그램의 코드를 각각의 파일에 나누어 넣은 그림 메인 파일의 코드 중에서 독립적인 기능은 별도 파일로 분리할 수 있으며, 메인 파일에서는 전체적인 실행 순서나 흐름만을 제어한다.이렇게 분리된 파일을 노드에서는..