node.js 가 있는지 확인하는 코드

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

최신 버전이 아닌 검증된 LTS버전을 받아준다. 
설치 후 정상적으로 다운받아졌는지 확인한다.
documents 폴더로 이동해준 후 boiler-plater폴더를 만들어 준다.
boiler-plate 폴더로 이동해준 후 npm 패키지를 만들어 준다.
기본 설정으로 계속 엔터를 쳐준 후 author에는 이름을 넣어준다.

 

에디터 다운받기

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

알집파일을 풀어준 후 실행!

 

 

오픈 폴더를 누르고 아까 만들어둔 폴더를 입력한다.
아까 만들어둔 npm 패키지 파일을 확인하고 폴더 열기
제이슨파일
index.js 파일을 만들어 준다.(시작점을 만들어준다.)
터미널창에서 윗 코드를 입력하여 인스톨 해준다. (express 라이브러리를 다운받아서 사용하는 것)

 

index.js 에서 기본적인 express.js 앱 만들기

https://expressjs.com/ko/starter/hello-world.html

 

Express "Hello World" 예제

Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. 이 앱은 하나의 파일로 된 앱이며 Express 생성기를 통해 얻게 되는 앱과는 같지 않습니다. (이 예제�

expressjs.com

//express 모듈을 가지고 온다.
const express = require('express')
//새로운 펑션을 만들어서 app에 저장한다.
const app = express()
//백서버
const port = 3000

//Hello World!를 출력되게 한다.
app.get('/', (req, res) => res.send('Hello World!'))

//app을 실행 하는 것
app.listen(port, () => console.log(`Example app listening at http://localhost:${port}`))

index.js에 윗 예시를 넣어준다.

 

"start" : "node index.js",를 추가해준다.(시작점을 추가해준다)

 

 

콘솔창에서 실행 시켜준다. 
웹브라우저 창에서서 해당되는 포트로 들어가면 결과물이 실행된다.

+ Recent posts