갈푸라떼
갈푸라떼는 개발중
갈푸라떼
전체 방문자
오늘
어제
  • 분류 전체보기 (232)
    • CS (0)
      • CSinfo (0)
    • Frontend (15)
      • HTML,CSS (1)
      • Javascript (2)
      • React (0)
      • React Hook (12)
    • Backend (0)
      • Python (0)
      • Node.js (0)
      • php (0)
    • DB (2)
      • MySQL (2)
      • BigQuery (0)
      • Mongodb (0)
    • Study (186)
      • JavaScript (72)
      • JavaScript(Clean code) (50)
      • Node.js (11)
      • HTML,CSS (13)
      • React (30)
      • TypeScript (10)
      • React-Native (0)
    • Error (2)
      • error (2)
    • Git (22)
      • Git (22)
    • Help Coding (4)
      • Useful websites (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • Github

공지사항

인기 글

태그

  • function
  • 싱글스레드
  • ECMAScript
  • symbol
  • Babel
  • 심볼
  • 프로토타입
  • PM2
  • structure
  • 네이밍
  • 오버라이딩
  • 이터러블
  • prototype
  • class
  • 호이스팅
  • 렉시컬 환경
  • Arrow
  • 인터프리터
  • SPREAD
  • 스코프 체인
  • 컴파일러
  • nodemon
  • 자바스크립트엔진
  • 정적 레벨
  • 실행 컨텍스트
  • 함수
  • 원시타입
  • 상속
  • 객체타입
  • this

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
갈푸라떼

갈푸라떼는 개발중

Study/Node.js

[Node.js_study] 서버에서 HTML 파일전송(GET요청)

2022. 4. 15. 21:41

client : 주소창에 URL을 입력해서 서버에 GET요청을 할 수 있음

서버 : 누군가 /pet으로 들어오면 /pet에 대한 데이터를 보내주세요. 라고 코드를 구성

 

* 누군가 GET 요청시 HTML 파일을 보내주도록 합시다. 

(server.js랑 같은 폴더에 index.html 생성 후 작성)

<!DOCTYPE html>
  <html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  </head>
  <body>
    <h4>안녕하세요 홈페이지입니다.</h4>
  </body>
</html>

 

 

server.js 

(server.js)

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

 

* 누군가 / 경로로 접속시 (/ 하나만 있으면 홈페이지입니다)

server.js랑 같은 경로에 있는 /index.html 이라는 파일을 보내줍니다. 

 

* sendFile() 함수를 쓰면 파일을 보낼 수 있습니다

* __dirname은 현재 파일의 경로를 뜻합니다. 

'Study > Node.js' 카테고리의 다른 글

[Node.js_study] REST API란???  (0) 2022.04.15
[Node.js_study] 폼에 입력한 데이터를 서버에 전송하기 (POST요청)  (0) 2022.04.15
[Node.js_study] 서버에 GET 요청 처리 해보기  (0) 2022.04.15
[Node.js_study] npm과 yarn의 차이  (0) 2022.04.15
[Node.js_study] Node.js와 Express 라이브러리 설치하기  (0) 2022.04.15
    'Study/Node.js' 카테고리의 다른 글
    • [Node.js_study] REST API란???
    • [Node.js_study] 폼에 입력한 데이터를 서버에 전송하기 (POST요청)
    • [Node.js_study] 서버에 GET 요청 처리 해보기
    • [Node.js_study] npm과 yarn의 차이
    갈푸라떼
    갈푸라떼

    티스토리툴바