<John Ahn - 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의> 를 참고했다
1. Node.js 설치 (LTS 버전으로 설치)
(노드가 이미 깔려있다면) 터미널에서 노트가 이미 다운되어있는지 확인
node -v
입력했을 때 버전이 나와있으면 설치가 되어 있는것
2. 작업할 폴더에 가서 npm package 만들기
터미널안에서 폴더 생성하는 법
cd 파일명 : 이동을 할 때 쓰는 키워드
mkdir 파일명 : 디렉토리 생성할때 쓰는 키워드
npm init
<!-- 입력 후 끝날 때까지 계속 엔터 치면 된다 -->
설치가 완료되면 pachage.json 폴더가 생성된다.
3. index.js 파일 만들기 (그냥 파일만들듯이 만들면 됨, 백엔드 서버를 시작하는 시작점이 된다.)
4. express.js 다운받기 ( node.js를 쉽게 이용할 수 있게 해주는 프레임워크)
npm install express --save
<!--터미널에 입력 -->
※ node_modeules : dependencies 라이브러리들이 들어가있는곳. 건들일 없다
5. index.js 에서 기본적인 express.js앱 만들기.
밑에 코드들을 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 at http://localhost:${port}`)
})
https://expressjs.com/ko/starter/hello-world.html
Express "Hello World" 예제
Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. 이 앱은 하나의 파일로 된 앱이며 Express 생성기를 통해 얻게 되는 앱과는 같지 않습니다. (이 예제
expressjs.com
6. package.json 파일로 가서 "script"에 아래의 코드 추가
"start":"node index.js",
7. 터미널로 가서 npm run start 입력.
npm run start
그럼 node앱이 실행된다. "start"안에 담긴 페이지가 첫번째 페이지이다.
'React' 카테고리의 다른 글
4. 이벤트 리스너(핸들러)장착하는 법(코딩애플) (0) | 2021.06.21 |
---|---|
3. state (코딩애플) (0) | 2021.06.21 |
2. JSX 사용법(코딩애플) (0) | 2021.06.21 |
1.설치와 셋팅(코딩애플) (0) | 2021.06.21 |
React 웹페이지 만들기(미완성) (0) | 2021.06.15 |