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",를 추가해준다.(시작점을 추가해준다)
콘솔창에서 실행 시켜준다.
웹브라우저 창에서서 해당되는 포트로 들어가면 결과물이 실행된다.