주뇽's 저장소
#1 Node JS 와 Express JS 설치 (ReactJS ) 본문
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 실행
- localhost:3000을 주소창에 입력하여 확인
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 |