JavaScript/Node.js
-
Express - URL QueryString 처리JavaScript/Node.js 2018. 11. 23. 11:30
Express - URL QueryString 처리URL을 통해 전달되는 쿼리스트링 데이터를 처리하는 방법을 알아보자. API 문서Express 사이트에서 API문서를 확인하여 쿼리스트링을 처리하는 방법을 알아볼 것이다.Express 사이트에서 API참조 메뉴를 클릭하여 들어간다. URL 쿼리스트링은 사용자가 서버로 어떠한 요청을 위해 전달하는 데이터이므로 Request 객체를 살펴보아야한다.Request 객체 메뉴를 열어보면 query라는 기능이 존재하는 것을 알 수가 있다. "이 속성은 라우트의 각 쿼리 문자열 매개 변수에 대한 속성을 포함하는 개체이다.쿼리 문자열이 없으면 빈 개체이다."쿼리스트링에 대한 정보를 담고 있는 속성이 request의 query속성이라는 것을 알 수 있다.그 아래에는 쿼리..
-
Express - 템플릿 엔진 설치JavaScript/Node.js 2018. 11. 23. 10:02
Express - 템플릿 엔진 설치이번에는 템플릿 엔진이란 것을 설치해보자.템플릿 엔진이란 HTML 템플릿과 프로그래밍 언어를 서로 결합시키기 위해 필요한 도구인 것 같다.예를 들면 Java의 경우 Class파일과 HTML파일을 연결짓고 필요한 데이터들을 상호 송신하기 위해선 JSP라는 스크립트 언어가 사용된다. 이와 같이 Node.js의 서버 언어와 HTML언어를 연결짓고 필요한 데이터들을 송신시키기 위해 템플릿 엔진을 사용할 수가 있다.아래의 그림을 보자.좌측은 "pug"라는 템플릿 엔진을 이용해서 HTML 템플릿을 생성한 것이다. 기존에 알고 있었던 HTML 문법하고는 다르지만 HTML 템플릿을 생성할 수 있다는 것을 알 수가 있다. 템플릿 엔진 설치하기템플릿 엔진인 pug를 설치해보자.Expres..
-
Express - 정적파일 서비스JavaScript/Node.js 2018. 11. 23. 07:58
Express - 정적파일 서비스이번에는 Express 웹 프레임워크를 통해 *정적인 파일들을 서비스하는 방법을 알아보자.* 정적인 파일들 - 이미지, CSS, js 등 어느 한 공간에 위치하고 있는 자원들 홈페이지 탐색홈페이지 상단의 시작하기에서 정적 파일 메뉴를 선택한다.아래와 같은 페이지로 이동된다. 이미지, CSS 파일, js파일같은 정적 파일을 제공하려면 Express에서 제공하는 미들웨어 함수 "express.static()"을 사용하라고 알려주고 있다.정적 파일이 위치하고 있는 디렉토리의 이름을 "static()"미들웨어 함수의 인자로 전달하면 파일로 직접적인 제공을 할 수 있다고 한다.그리고 그 아래에 미들웨어 함수인 "static()"함수의 사용방법을 보여주고 있고 그에 따른 정적 파일에..
-
Express - 간단한 웹 애플리케이션 만들기JavaScript/Node.js 2018. 11. 21. 17:05
Express - 간단한 웹 애플리케이션 만들기Express 웹 프레임워크를 설치했으니 어떻게 사용하는지를 파악해보고 이를 활용해서 웹 애플리케이션을 만들어보자. 홈페이지 탐색시작하기에 앞서 우리는 Express를 어떻게 사용하는지 아직 모른다.다행히도 Express 홈페이지에서는 간단한 Hello World!를 출력할 수 있을만한 예제 코드를 알려주고 있다."require('express');" 구문을 통해 Express 모듈을 불러와 사용한다.그리고 "express();"라는 객체를 변수에 담는다. express객체의 "get();"함수를 통해 *라우팅처리를 한다.* 요청에 대한 맞춤 작업으로 연결해주는 것 인자로 익명함수를 선언할 수 있으며 request, response에 대한 처리를 진행할 수가..
-
웹 프레임워크 - Express 설치JavaScript/Node.js 2018. 11. 21. 16:03
웹 프레임워크 - Express 설치웹 프레임워크 Express를 설치해보자.Express는 Node.js에서 사용할 수 있는 웹 프레임워크 중 하나이다.간결하고 뭐 어쩌구저쩌구... 설명을 하던데 사실 써보지 않았으니 지금 당장에 공감할 수는 없는 부분이다. 홈페이지http://expressjs.com/ko/Express를 처음보고 매우 좋구나 생각한 것 중 하나가 바로 홈페이지에 한국어가 지원된다는 것이다. 설치홈페이지를 통해 Express 웹 프레임워크를 설치해보자.우측 상단에 시작하기 메뉴에서 설치 메뉴를 클릭하자. 설치 페이지로 이동하면 설치방법에 대해서 설명해주고 있다. 1. 워크스페이스를 생성하고 2. 해당 워크 스페이스를 npm 패키지 디렉토리로 지정하고3. entry point를 지정하고..
-
npm 소개 및 사용 방법JavaScript/Node.js 2018. 11. 19. 23:11
npm 소개 및 사용 방법npm은 node package manager의 약자이다.이것은 타인이 제공하는 모듈을 사용하기 위해 그 모듈을 설치하고 관리하는 툴이라고 할 수 있겠다.우린 이 npm을 어떻게 사용하는지를 알아볼 것이다. 홈페이지 접속 및 패키지 검색https://www.npmjs.com/위의 링크를 들어가보면 아래와 같은 npm 패키지들을 사용할 수 있는 홈페이지가 나온다. 위의 검색 바에 uglify-js를 입력하고 검색해보자 그럼 uglify-js에 대한 패키지로 이동된다."UglifyJS는 JavaScript를 분석하고 간소화하고 압축하고 아름답게 만드는 툴킷입니다."라고 설명되어 있다. 아직 어떠한 기능을 하는지 잘 모르겠으니 스크롤을 내려 예제를 보자. example.js라는 파일이..
-
모듈 사용하기JavaScript/Node.js 2018. 11. 19. 21:56
모듈 사용하기모듈이 무엇이고 무엇을 하는지 알았으니 이젠 자각을 하고 모듈이란 것을 사용해보자. 어떠한 모듈을 사용할 것인가?Node.js에는 다양한 모듈들이 존재한다. Node.js뿐 아니라 다른 언어들에도 무수히 많은 모듈들이 존재한다.그 많은 모듈들을 어떠한 것들인지 하나하나 모두 보려면 1년이란 시간도 부족할 것이다. 따라서 모듈을 사용하기 위해서는 그 전에 '나는 어떠한 기능을 필요로 하는가?'를 생각해보고 필요한 기능을 가지고 있는 모듈을 찾아나서는 것이 중요하다. 이번 시간에는 '운영체제를 컨트롤 할 수 있는 모듈이 존재하는지'를 찾아보고 만약 존재한다면 '내가 어떠한 운영체제를 사용하는지 정보를 확인할 수 있는 기능'을 찾아보도록 하겠다. 필요로 하는 모듈 찾기공식 API 문서를 보면 OS..
-
모듈이란JavaScript/Node.js 2018. 11. 19. 21:31
모듈이란Node.js에는 모듈이란 것이 존재한다.이 모듈이란 것은 개발하는데 필요하고 다양한 기능들을 함축시켜놓은 소스를 의미하는데 공식적으로 개발자들에게 제공하는 기능이기 때문에 이러한 기능들은 개발자가 직접 코드를 만들어서 사용할 필요가 없다. 이런 기술적인 지원은 개발자에게 있어, 또 일을 진행하는데 있어서 매우 효율적이고 빠른 업무적 퍼포먼스로 연결시켜준다. 우리가 이전에 작성했던 webserver.js의 코드를 보며 모듈이 무엇인지, 어떠한 기능을 하는지를 알아보자. 우리는 이 코드에서 이미 모듈이라는 것을 사용했다.첫번째 코드의 require()함수는 "무언가를 요구하다"라는 의미이다. require('http') 이 구문은 "http라는 모듈이 필요하다." 라는 뜻이다.즉 http라는 모듈을..