기본 콘텐츠로 건너뛰기

[JavaScript] Node.js - express 프레임워크 시작하기

[JavaScript] Node.js - express 프레임워크 시작하기

express 프레임 워크

Express란 무엇일까? ( What is Express )

앞서 설명한 Flask 처럼 웹 어플리케이션을 만드는 프레임워크이다.

Express 프레임워크를 사용하기 전 ( Setting )

윈도우즈 콘솔창에서 아래와 같이 입력하였을 때 버전 정보가 뜨면 node js안에 npm이 정상적으로 깔린 것이다.

c:\> npm -v

만약 정상적으로 작동이 되지않는다면 아래의 사이트에 들어가서 설치를 node.js 설치를 진행하면 된다.

https://nodejs.org/ko/download/

Express를 시작해보자( Let's start the Express )

[ Manual ]

1. 작업을 할 폴더를 만들어준다.

2. CMD를 열어서 작업을 할 폴더로 들어가준다.

3. npm init 을 진행하여 작업공간으로 지정해준다.

4. npm install express --save 를 진행하여 express 를 설치해준다.

위의 과정을 진행을 했다면, 폴더안에 json 확장자의 파일과 node_modules라는 폴더가 생긴다.

package.json 의 dependencies 라는 키 안에 설치된 파일 목록이 보이게 된다.

( app.js )

var express = require('express') var app = express() app.listen(3000, function(){ console.log("start! express server"); }); app.get('/', function(req,res){ res.send("Hello JavaScript"); });

express 함수를 사용하기위해 첫번째 줄에서 express모듈을 express 변수에 require해준다.

app이라는 변수에 express함수를 넣고, app.listen으로 3000포트의 웹서버를 열어준다.

웹서버가 열릴 때, start! express server라고 서버 콘솔에 출력되고, 127.0.0.1:3000/ 위치에 들어가면

Hello JavaScript라는 문구가 뜨게 된다.

큰 메커니즘은 Flask와 크게 다르지 않다.

오늘은 간단하게 express 프레임워크를 이용하여 웹서버를 시작해보았다.

질문이나 피드백이 있으면 kang_4030@naver.com으로 문의해세요~!

from http://taehyundev.tistory.com/4 by ccl(A) rewrite - 2020-03-15 00:20:12

댓글

이 블로그의 인기 게시물

Coupang CS Systems 채용 정보: 쿠팡 운용 관리 시스템을 구축 하고...

Coupang CS Systems 채용 정보: 쿠팡 운용 관리 시스템을 구축 하고... Global Operation Technology는 상품을 고객에게 지연 없이 전달 될 수 있도록 하는 조직입니다. 1997년, 초창기 아마존에 입사한다고 상상해보세요. 그 당시 누구도 e-commerce 산업이, 아마존이라는 회사가 지금처럼 성장하리라고는 생각하지 못했을 것입니다. 하지만, 그 당시 아마존을 선택한 사람들은 e-commerce 산업을 개척했고, 아마존을 세계적인 회사로 성장시켰습니다. 2016년 '아시아의 아마존'으로 성장하고 있는 쿠팡, 당신에게 매력적인 선택이 아닐까요? Global Operation Technology: eCommerce에서 주문을 한 뒤 벌어지는 상황에 대해서 호기심을 가져보신 적이 있나요? Global Operation Technology는 상품을 고객에게 지연 없이 전달 될 수 있도록 하는 조직입니다. 매일 최첨단 소프트웨어 기술을 이용해 고객의 주문을 받고 상품을 어느 창고에서 출고 시킬지, 포장을 하나의 박스 또는 여러 개로 나눌 것인지, 어떤 배송 루트를 선택하고 어떻게 고객에게 배송 상태를 보여줄지 결정하는 시스템과 서비스를 개발 합니다. What Global Operations Technology does: CS and C-Returns System 적극적 고객서비스를 바탕으로 고객의 목소리를 통해 끊임없이 고객 에게 서비스를 제공하고 Andon 메커니즘을 통해 고객의 목소리를 회사 전체와 공유합니다. 그리고 고객 문제 해결과 구매 이후 벌어질 수 있는 고객 문제를 사전에 예방하기 위한 시스템 개발을 통해 미래의 상황을 예측 합니다. Tranportation System TSP (Traveling Salesman Problem) 와 같은 CS 최적화 관리 문제를 다룹니다.배송 물품의 실시간 추적, 3P 하드웨어와 소프트웨어를 통합, 각 배송 루트에 할당되는 물량 예측하고 T...

[ubuntu] FLASK_APP

[ubuntu] FLASK_APP Development/Debugging 🐞 FLASK_ENV=development FLASK_APP = app.py flask run zsh: command not found: FLASK_APP ✔️ FLASK_ENV=development FLASK_APP=app.py flask run 띄어쓰기를 해서 저런 오류를 출력할수도 있구나 😲 참고 : 108p에서 FLASK가 FKAS로 오타나있다. from http://hee-stories.tistory.com/18 by ccl(A) rewrite - 2020-03-24 17:20:11

[GCP] Argo로 Workflow 만들기

[GCP] Argo로 Workflow 만들기 사실 Production 레벨로 가지 않으면, ML개발에 Workflow를 사용할 일은 많지 않다. 대부분 샘플데이터로 전처리 한후 그 데이터를 공유해서 각자 모델을 개발하게 되는데, Production Level에서는 계속 새로운 데이터가 발생하기 때문에 데이터 수집부터 배포까지 하나의 파이프라인으로 관리해야할 필요성이 생긴다. Argo는 컨테이너 기반으르 파이프라인을 구성해주는 도구로 Kubeflow에서도 Workflow Orchestration은 Argo를 사용한다. Kubeflow Pipeline Overview Argo 설치 curl -sSL -o /usr/local/bin/argo https://github.com/argoproj/argo/releases/download/v2.2.1/argo-linux-amd64 chmod +x /usr/local/bin/argo Argo를 위와 같이 다운로드 받고, Controller와 UI를 kubectl을 통해 설치한다. GCP에서 kubectl의 설치는 아래를 따르면 된다. 터미널에서 Kubectl 사용하기 kubectl create ns argo kubectl apply -n argo -f https://raw.githubusercontent.com/argoproj/argo/v2.2.1/manifests/install.yaml Argo를 통해 간단한 'Hello World'예제를 실행해보자. 사용법은 아래와 같이 간단하다. submit은 지정된 yaml 파일을 workflow 만드는데 사용한다는 것이고 watch 파라미터는 외부의 yaml을 가져올 때 사용한다. argo submit --watch https://raw.githubusercontent.com/argoproj/argo/master/examples/hello-world.yaml 'argo list' 명령으로 실행되고 있는 argo wor...