주뇽's 저장소

#1 Node JS 와 Express JS 설치 (ReactJS ) 본문

웹개발/React

#1 Node JS 와 Express JS 설치 (ReactJS )

뎁쭌 2023. 1. 8. 18:38
728x90
반응형

NodeJS

  • NodeJS가 나오기 전까지는 Javascript를 브라우저에서만 사용가능했는데 서버사이드에서 쓸 수 있게 해주는 언어

ExpressJS

  • NodeJS를 이용하여 자동차를 만드는 것
  • NodeJS를 이용하여 웹 개발을 도와주는 프레임워크

NodeJS 설치 및 폴더 생성

  • 터미널에서 다음 명령어를 통해 노드설치 여부 확인
  • node -v
  • 버전이 없다고 가정하고 진행최신버전보다 검증이 된 LTS버전을 다운로드 후 설치
  • Node.js
  • 원하는 워크스페이스에서 boiler-plater 폴더 생성
  • 해당 워크스페이스로 이동 후 npm 패키지 생성
    • 터미널에서 다음 명령어 사용 엔터를 쳐서 기본값으로 진행
    • npm init
    • author은 자신의 이름을 입력 (안해도 됨)
  • Express 설치
    • 워크스페이스 디렉토리에서 다음 명령어 입력
      • —save 옵션을 주면 패키지에 의존성 추가
      • npm install express --save
  • Index.js 생성 후 기본적인 샘플코드 작성
      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}`)
      })
  • Express "Hello World" 예제
  • package.json 파일 수정
    • "start": "node index.js" 코드 추가
    • "scripts": { "start": "node index.js", "test": "echo \"Error: no test specified\" && exit 1" },
  • Index.js 실행
  • npm run start

'웹개발 > React' 카테고리의 다른 글

#4 BodyParser & PostMan & 회원가입 기능(ReactJS)  (0) 2023.01.08
#3 MonoDB model & Schema(ReactJS)  (0) 2023.01.08
#2 MongoDB 연결(ReactJS)  (0) 2023.01.08