본문 바로가기

웹프로그래밍공부

[javascript] nodejs서버열기

javascript 코드로 Ajax를 실행하려고 할때 오류가 떠서 안될때가 있다 이때는 서버를 실행 시켜 주어야 하는데 가장 간단한 방법으로는 vscode에서 liveserver를 설치하는 방법이고 그렇지 않으면 nodejs를 설치해서 터미널에서 실행시키는 방법이있다.

liveserver 설치:https://fiamma-pensata.tistory.com/15

 

Visual Studio code에서 로컬웹서버로 홈페이지 열기

1. Visual Studio code에서 확장 마켓플레이스에서 live server를 검색하여 설치합니다. 2. live server의 설치가 끝나면 파일 탐색기에서 열고자하는 웹페이지 소스파일에서 오른쪽 마우스를 클릭한 후 Open

fiamma-pensata.tistory.com

서버 실행 방식은 이 블로그를 참고로 함

https://foodchain.tistory.com/158

 

node.js 기초 - local서버 띄우기

https://poiemaweb.com/nodejs-basics Node.js Basics | PoiemaWeb Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임으로 주로 서버 사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이

foodchain.tistory.com

nodejs 서버 실행하기

내가 실행 해야할 html 파일이 있는 폴더에 app.js파일을 생성하여 아래와 같이 작성해준다.

const http = require('http');
var fs = require('fs');
http.createServer((request, response) => {
    var url = request.url;
    if (request.url == '/') {
      url = '/javascript_ajax.html';
    }
    if (request.url == '/favicon.ico') {
      return response.writeHead(404);
    }
    response.writeHead(200);
    response.end(fs.readFileSync(__dirname + url));
  }).listen(3000);
console.log('Server running at http://127.0.0.1:3000/');

그리고 나서 app.js 파일이 있는 폴더 안에서 터미널을 실행 시켜준다.

터미널에서 Node .\app.js 라고 쳐서 서버를 실행한다

그리고 나서 http://127.0.0.1:3000/ 접속하면 내가 작성한 html 파일이 브라우저에 출력되고 결과와 같이 json.txt파일을 받아오는 것을 볼수 있다.

'웹프로그래밍공부' 카테고리의 다른 글

[부스트코스]자기소개 웹페이지만들기  (0) 2023.04.16