Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 자바스크립트기본
- nodejs
- 네트워크
- 프론트엔드 공부
- react
- node.js
- 자바스크립트 학습
- js학습
- js ajax
- JS
- 개발공부
- 프론트엔드학습
- 개발자공부
- 개발자지식
- JavaScript
- node.js프로젝트
- 프론트엔드공부
- 자바스크립트
- vue.js학습
- 리액트
- API
- Vue.js
- node.js학습
- MongoDB
- 프로토콜
- 정보처리산업기사
- 자바스크립트학습
- 개발자학습
- node.js 학습
- 프론트엔드
Archives
- Today
- Total
dada's
[Node.js] node.js 프로젝트 - To Do App 만들기 3 (서버에서 HTML파일 전송) 본문
728x90
일단, 서버를 껏다 다시 키는 작업이 번거로우니 nodemon을 설치 한다
nodemon은 파일을 저장할때마다 알아서 서버를 새로 시작해준다(브라우저 새로고침 필요)
설치방법은 새터미널에서 npm install -g nodemon을 입력하면 된다
yarn으로 설치를 한다면 yarn add global nodemon을 입력하면 된다
설치 후엔 nodemon server.js (server.js는 파일명이다)라고 입력해주면 된다
GET요청시 HTML파일 보내주기
html파일을 하나 만들어준다 나는 index.html파일을 만들었고 이것은 메인페이지이다
그리고 이와같이 코드를 짜준다
app.get('/', function (요청, 응답) {
응답.sendFile(__dirname + '/index.html');
});
💡용어 정리💡
• '/' : 슬래시 하나는 홈페이지를 뜻한다
• .sendFile : 보낼 파일의 경로이다 이게 html파일을 보여주는 코드이다
• __filename : 현재 실행중인 파일 경로를 뜻한다
• __dirname : direction name의 줄임말로 현재 실해중인 폴더 경로를 뜻한다
728x90
'Node.js' 카테고리의 다른 글
[Node.js] node.js 프로젝트 - To Do App 만들기 5 (Database에 자료 저장하기 + MongoDB) (0) | 2022.06.21 |
---|---|
[Node.js] node.js 프로젝트 - To Do App 만들기 4 (폼에 입력한 데이터를 서버에 전송하기 POST요청) (0) | 2022.06.20 |
[Node.js] node.js 프로젝트 - To Do App 만들기 2 (서버에 GET요청하기) (0) | 2022.06.17 |
[Node.js] node.js 프로젝트 - To Do App 만들기 1 (express라이브러리 설치) (0) | 2022.06.16 |
[Node.js] Node.js란? (0) | 2022.06.16 |
Comments