JavaScript
-
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라는 모듈을..
-
웹 애플리케이션 만들기JavaScript/Node.js 2018. 11. 19. 18:43
웹 애플리케이션 만들기이번에는 Node.js를 통해 웹으로 실행되는 웹 애플리케이션을 만들어보자. 웹 서버 코드 작성하기Node.js 홈페이지에 들어가서 About 메뉴를 확인해보면 기본적인 웹 서버 코드를 작성하는 방법을 알려주고 있다.해당 코드를 복사해도 좋고 직접 타이핑해도 좋으니 내용을 참고해서 웹 서버 코드를 작성해보자. 프로젝트 폴더 하위에 "webserver.js"라는 파일을 생성하고 Node.js about페이지에서 보았던 코드를 작성해보자.이 때 만약 수기로 작성할 경우 10번줄 console.log()함수에 표기하는 따옴표를 잘 봐야한다.사실 console.log() 안에 인자로 들어가는 내용을 묶고있는 저 기호는 작은 따옴표가 아닌 grave accent( ` )라고 하는 기호이다.(..
-
Node.js 실행하기JavaScript/Node.js 2018. 11. 19. 18:08
Node.js 실행하기Node.js를 설치했으니 이제 코드를 작성하고 실행해보는 방법을 알아보자. 프로젝트 폴더 생성하기가장 먼저 Node.js 전용 프로젝트 폴더를 생성해보자.원하는 경로에 프로젝트 폴더를 생성하여 사용하면 된다. 소스 파일 생성 및 작성하기프로젝트 폴더를 지정했으면 본인이 사용하는 에디터 프로그램을 통해 프로젝트 폴더에 "hello.js"라는 파일을 생성한다. 그리고 폴더 안에 "console.log('Hello world');"라는 JavaScript 코드를 작성하고 저장하자. 소스 파일 실행하기소스 파일을 생성하고 작성했다.작성한 코드는 JavaScript 기반의 코드지만 이것을 웹 브라우저가 아닌 Node.js를 통해 프로그램으로써 실행하고 결과를 출력해보자. cmd를 실행하고 ..