나 아직도 학교다니는 대학생인데 왜 핵교에선 이런걸 안알려조서 이제 알았냐,, !
node js 많이 쓴다길래 뭔지도 모르고 그냥 무작정 다운로드 받아봤다..
다운로드 받은 후에 검색해서 여기에 정리하는 중 ✍🏻
Node.js
JavaScript로 브라우저 밖에서 서버를 구축하는 등의 코드를 실행할 수 있게 해주는 런타임 환경
https://nodejs.org/ko/
안정적, 신뢰도 높음에 끌려 16.15.1 버전 다운로드..
설치는 너무 간단하다
설치가 잘 됐는지 터미널에 node -v
를 입력하여 버전을 확인
버전 확인 후 폴더를 생성합니다.
폴더 생성을 위해 documents(문서 폴더)로 경로를 이동한 후에 폴더 이름은 hello-world로 문서 폴더에 생성
cd documents
mkdir hello-world
파일들을 하나씩 만들기 위해 생성된 폴더로 경로 이동
cd hello-world
npm 패키지를 생성하여 폴더에 저장하기 위해 npm init
을 입력
author 외에는 기본값을 유지하기 위해 enter
파일이 잘 생성됐는지 확인하기 위해 텍스트 에디터를 이용하여 확인
비쥬얼 스튜디오 코드를 사용하여 확인하기 위해 비쥬얼 스튜디오 코드를 사용
Visual Studio Code 설치 및 한글 설정
비쥬얼 스튜디오 코드에서 폴더 열기로 생성한 hello-world 폴더를 열면
"package.json" 파일이 생성된 것이 보임
Express.js
Node.js를 위한 웹 프레임워크 중 하나. 웹 애플리케이션, API 개발을 위해 설계되었다. Node.js의 사실상의 표준 서버 프레임워크로 불리고 있다.
위에서 Node.js 설치했던 터미널을 다시 켜서
npm install express --save
를 입력
설치가 완료되면
파일과 폴더가 생성되고 package.json 파일도 수정됨
다음엔 "index.js" 파일 생성
https://expressjs.com/ko/starter/hello-world.html
예제를 활용하기 위해 사이트에서 가져옴
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
코드를 복사하여 index.js에 입력하여 저장
(포트 번호는 상관이 없지만 5000번으로 했을 땐 잘 안됐음... )
다음엔 package.json 파일을 수정
"scripts" 안에 "start": "node index.js",
를 입력하여 저장
노드 앱을 실행하기 위해 다시 터미널에서
npm run start
를 입력하여 실행
index.js를 start로 지정을 해주었기 때문에 포트번호 3000번을 실행시키면 index.js가 실행됨
종료는 control + C