웹개발

node.js서버에서 html파일 전송

fe_lee 2024. 10. 14. 15:25

node.js에서 작성한 코드는 수정시 매번 서버 재실행을 해야 적용이 됨.

==> 자동화 시키자

==>how? nodemon으로

 

nodemon으로 서버 재실행 자동화

npm 으로 설치

-g : 모든 폴더에서도 nodemon을 사용한다는 명령어

npm install -g nodemon

 

yarn으로 설치

yarn add global nodemon

 


nodemon으로 서버 실행

nodemon server.js

 

 

에러 해결법

실행시 만약 이런 에러가 난다면

 

윈도우 검색-> powershell 관리자 권한으로 실행

관리자권한 powershell에서

1. executionpolicy 입력

executionpolicy

결과가 Restricted면 문제 있는것

2. set-executionpolicy unrestriced

set-executionpolicy unrestriced

y 입력

 

 

 


html파일로 응답하기

이제 html파일을 보내보자

아래의 형식대로 sendFile을 사용하게된다.

응답.sendFile(보낼파일경로)

 

실제 코드

app.get('/', function(req,res){
  res.sendFile(__dirname +'/index.html')
});

 

index.html파일 생성

느낌표 탭하면 자동생성된다(! TAB)

그냥 html에 아무 코드나 작성해서 올려보자

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h4>안녕하세요 </h4>
    <p> node.js실습입니다</p>
</body>
</html>

 

저장 후 새로고침하면, 아래와 같이 잘 나오는 것을 확인 가능.

/ 로 접속시 index.html파일을 보내서 응답하는 서버 만든것!

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

HTML/CSS 디자인하기 - Bootstrap4  (2) 2024.10.14
node.js+ express로 웹서버 빨리 띄우기  (7) 2024.10.13
node.js 환경설정  (1) 2024.10.13
node.js 쓰는 이유  (1) 2024.10.13