내 컴퓨터에서 자바스크립트를 실행하는 방법 - node JS

공부하면 좋은 이유

1월,2월동안 node js 런타임 환경에서 express 프레임워크를 통해 간단한 crud 웹앱을 만들어보았었다.

한참전에 유데미에 결제해둔 max의 node.js강의가있는데
해당 강의 내용을 정리해두면서 이론적인 부분에 대한 이해도를 높이고

관련 지식을 미리 쌓아두기위해 메모용으로 정리해두려고한다.

학교 졸업작품으로 웹개발을 진행하는데있어서

node.js 런타임환경을 이용해 백엔드 영역에서 api를 개발하는데 의의를 두고있다.

런타임환경

간단하게 프로그래밍 언어가 실행되는 환경이다.

우리가 이미 사용해온 자바스크립트는 브라우저에 이미 탑재되어 있음을 알수있다.

크롬에서 개발자도구를 키고 콘솔창에 자바스크립트 코드를 작성하면 실행이되는것을 통해 확인 할 수 있다.

 

그래서 일반적으로 자바스크립트는 브라우저 런타임 환경으로 제공되어왔지만

구글에서 v8엔진이라고하는 c++로 이루어진 엔진을 통해 자바스크립트 코드를 컴파일하고 이를 머신코드(컴퓨터가 곧바로 해석 가능한 2진수로이루어진 숫자코드)로 변환하여 

브라우저가 아닌 내 컴퓨터에서 실행할 수 있게 만들었다. 

 

브라우저에서 자바스크립트가 실행되는 브라우저 런타임환경에서는 웹의 골격인 HTML을 조작하고 사용자의 동작(마우스 클릭,입력)과 같은 동적인 이벤트들을 처리하는 다양한 기능을 만드는데 중점을 두었으나

 

컴퓨터 즉 node.js 런타임 환경에서는 html을 빼고 오로지 자바스크립트만을 실행하기 때문에 일반적으로 html을 조작하는기능은 빠져있다라는것을 알아야 한다. 

하지만 내 컴퓨터에서 자바스크립트를 실행한다는 장점을 이용해 백엔드 개발을 대체하는 용도로 사용할 수 있다는 장점을 이용해 그외에도 여러  다른 기능을 구현할 수 있다.

 

 

설치

Node.js

최신 버전의 node.js를 다운로드한다. 

 

실행 방법

간단하게 기본 터미널(맥이면 iterm 윈도우면 command prompt같은)에서 실행 해볼 수 있다.

 

코드를 아예 저장해서 사용해보자

visual studio code를 통해 파일을 생성하고 사용해보자

js 파일을 생성해서 코드를 작성하고 

상단의 터미널->새터미널을 통해 터미널에 node js파일명을 입력해보니 실행되는것을 확인가능하다.

 

Node.js가 제공하는 특별한기능(파일시스템) 사용해보기

// 파일 시스템 기능 활용하기
const fs = require("fs");

// 하드드라이브에 파일을 생성하는 .writeFileSync 메서드 인수에 원하는 파일명과 파일경로
fs.writeFileSync("hello.txt", "HEELO FROM NODE.JS");

👍🏻

 

 

Node.js를 서버로 활용하는것 이것만 기억하라 (요청과 응답이 전부다)

 

클라이언트측에서 보여주고자하는 데이터(식당정보,할일정보)를 영구적으로 기억하고있는 데이터베이스와 소통하고있는 서버로부터 원하는 데이터를 조회하기를 요청하든, 삽입하길 요청하든 다양하게 요청하고 서버로부터 응답받는것이 전부이다.

 

결국에 node.js를 사용자에게 데이터를 응답하는 코드를 서버에작성해두고  클라이언트가 사용할 수 있게 하는것이다.