이번 포스팅에서는 전역변수와 지역변수의 개념에 대해 알아보고자 한다. 전역변수(global variable)는 함수 바깥에서 선언된 변수를 얘기하며 프로그램 전체에서 접근이 가능한 변수이다. 이와 다르게 지역변수(local variable)는 함수 내부에서 선언된 변수로 함수의 실행, 종료와 함께 생성되고 소멸되는 변수이다. 지역변수는 함수 바깥쪽에서 접근하는 것이 불가능하다. 아래의 예제 코드를 살펴보면서 전역변수와 지역변수의 차이에 대해 조금 더 이해해보자. // 1번 let a = 1; function aa() { a = 0; } aa() console.log(a) // output : 0 // 2번 let a = 1; function aa() { let a = 0; } aa() console.lo..

이번 포스팅에서는 프로그래밍을 할 때 자주 마주치게 되는 모듈(modules)이라는 것의 개념과 Node.js에서 package를 설치한 후 모듈을 사용할 때 쓰는 require 문법에 대해 알아보도록 하자. 모듈(module) ?? 모듈에 대해 얘기하기에 앞서 모듈, 패키지, 라이브러리에 대한 개괄적인 의미를 먼저 알아 보자. 모듈이란 특정 기능들이 구현되는 코드들이 적혀있는 파일을 의미한다. 그리고 이러한 모듈들을 묶어서 하나의 상위 폴더에 넣어 놓은 것을 패키지, 여러 모듈과 패키지들의 묶음을 라이브러리라고 한다. 프로그래밍을 할 때 우리는 한 파일 안에서 코드들을 작성하고 해당 파일을 실행시켰을 때 어떠한 기능들이 실행되게끔 한다. 그런데 만들고자 하는 애플리케이션의 복잡도가 증가할수록 작성해야만..

이번 포스팅에서는 웹브라우저가 get 방식 혹은 post 방식으로 데이터를 담아 웹서버에 요청을 보냈을 때 express와 nunjucks를 활용해 이러한 요청들을 처리하는 방법에 대해 다뤄보고자 한다. get 방식의 요청과 응답 post 방식의 요청과 응답 웹브라우저에서 웹서버로 요청을 보내는 방식은 크게 get 방식과 post 방식이 있다. get 방식은 URL에 queryString 형태로 데이터를 담아 웹서버에게 요청을 보내는 방식이다. 위와 같은 형태로 express.js 파일과 index.html 파일이 작성되어 있다고 했을 때 app.get( ) 메소드의 콜백함수에게 전달된 req 객체를 이용하면 get 방식으로 요청이 들어왔을 때 querySt..

이번 포스팅에서는 express를 이용해 웹서버를 구축할 때 템플릿 엔진을 사용하는 방법에 대해 알아보도록 하자. 템플릿 엔진으로는 nunjucks를 사용하고자 한다. 템플릿 엔진 nunjucks nunjucks 세팅하기 템플릿 엔진을 이용해 변수 다루기 템플릿 엔진에는 ejs, pug, jade, nunjucks 등등 다양한 종류의 템플릿 엔진이 있다. 우리가 사용할 템플릿 엔진은 이러한 여러 템플릿 엔진 중 nunjucks라는 녀석이다. 템플릿 엔진을 사용하는 이유는 HTML 파일을 만들어 주기 위해서이다. 앞서 우리가 express를 이용해 요청이 들어온 웹브라우저에게 응답을 보낼 때는 res.send() 메소드를 사용해 웹브라우저에게 랜더할 페이지의..

앞으로 Node.js의 express 모듈을 이용해 웹서버를 제작하는 과정을 포스팅해 보고자 한다. 이번 포스팅에서는 express 모듈을 사용해 포트를 연결하고 접속하는 것만 구현해 보도록 하자. npm install express (express 패키지 설치) 웹서버 만들기 Node.js에는 웹서버가 내장되어 있기 때문에 이를 활용하면 웹서버를 구축할 수 있다. 우리가 사용할 것은 express로 이는 Node.js에서 실행할 수 있는 웹서버를 구축하기 위한 패키지이다. 우선 npm을 사용하기 위한 준비 작업으로 vsCode(Visual Studio Code) 에디터의 터미널 창에 "npm init"을 입력해 package.json 파일을 생성하..