Koras02
Koras02코딩웹
Koras02
전체 방문자
오늘
어제
  • 분류 전체보기 (299)
    • 백엔드 (59)
      • nestjs (2)
      • Ruby (3)
      • PostgresQL (11)
      • MySQL (5)
      • Haskell (7)
      • Koa (3)
      • Java (3)
      • Python (5)
      • Rust (5)
      • MongoDB (2)
      • PHP (3)
      • Spring Boot (1)
      • redis (5)
      • deno (2)
    • 웹서버 (3)
      • nginx (1)
      • Apache (2)
      • Google Web Server (0)
    • 모바일개발 (5)
      • Figma (0)
      • React Native (2)
      • swift (0)
      • Flutter (3)
      • Kotlin (0)
    • 프론트 엔드 (158)
      • HTML (34)
      • CSS (7)
      • Javascript (35)
      • Angular (0)
      • Typescript (2)
      • React (58)
      • Vue (2)
      • GIT (6)
      • GraphQL (1)
      • Doker (4)
      • Go (8)
      • svelte (1)
      • gatsby (0)
    • etc. (47)
      • Notion (0)
      • TIL (24)
      • Algorithm (17)
      • Algorithm 개념 정리 (2)
      • Wiki (3)
      • Official document (1)
    • 웹개념 (12)
    • 변수정리 (1)
    • VSCode (2)
    • 포트폴리오 분석 (2)
      • React (2)
    • os (5)
      • 윈도우 (4)
      • Mac (0)
      • 가상머신 (0)
      • linux (1)
    • 응용프로그램언어 (2)
      • C (2)
      • C++ (0)
      • C# (0)
    • 블로그 운영관련 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
글쓰기

공지사항

  • [공지사항] 개발 이슈나 공식문서 업데이트 업로드 예정입니⋯

인기 글

태그

  • Java
  • PostgreSQL
  • Flutter
  • Til
  • Rust
  • 문자열
  • React
  • mysql
  • 알고리즘
  • redis
  • 하스켈
  • CSS
  • 프로그래머스
  • Haskell
  • javascript
  • go
  • 데이터 타입
  • koa
  • html5
  • html

티스토리

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
Koras02

Koras02코딩웹

[Javascript] Javascript와 Node.js의 차이
프론트 엔드/Javascript

[Javascript] Javascript와 Node.js의 차이

2022. 1. 23. 19:29
728x90

  • 코드깍는 노인 - 유튜브
  • 이글은 코드깍는 노인님의 유튜브 동영상을 보고 분석한 글입니다.

결론

  • Javascript는 프로그래밍(Programming) 언어
  • Node.js: Javascript 프로그래밍 기반으로 컴퓨터내에서 구동시켜주는 일종의 프로그램이다.

설명

  • nodeJs는 chrome의 자바스크립트 엔진인 v8을 이용합니다.
  • 자바 스크립트는 스크립트 언어로써 특정한 환경(브라우저) 에서만 사용가능한데 
    nodejs를 통해 특정한 환경(브라우저) 없이도 실행을 도와줍니다.
  • Javascript는 크롬(Chrome) 같은 브라우저에서만 사용되는 것이 아닌 브라우저 밖, 즉, 내 컴퓨터
    에서 다양한 용도로 확장하기 위해 만들어진 바로 Node.js입니다.
  • node.js를 이용해 Express 같은 라이브러리를 사용해 자바스크립트 언어로 서버를 구축하기도 합니다.
    (node.js만이 서버를 구축할  수 있는 것이 아니다.)

Javascript 코드

for(let i = 0; i< 5; i++ {
   console.log(i);
}
  • 파일이름:  code.js
  • JS 파일 자체만으로는 반복문을 실행할 수 없다.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./code.js"></script>
</head>
<body>
    
</body>
</html>
  • html파일 안에서 code.js 파일을 로드하여, Javascript 파일을 실행한다.
  • Javascript Runtime

결과

  • console.log 창

웹 브라우저가 없는 경우

  • 웹 브라우저가 없는 경우 Javascript 파일을 실행시킬 수 없는가 ? NO!
  • Node.js를 통해 실행할 수 있다.
  • Node.js를 설치 후, 터미널에서 사용가능하다.
  • node -v 명령어를 통해. Node.js 설치 유무를 알 수 있다.
  • 터미널에서 node <파일이름>을 통해 실행이 가능하다.

차이점

window.addEventListener("load", e=> {
    document.body.style.background = "green";
});
  • 웹 브라우저를 통해 실행이 가능하지만, Node.js를 통해 실행은 불가능하다.
    (Node.js 에서는 window라는 변수는 존재하지 않는다.)
const fs = require("fs");
fs.writeFileSync("test.txt", "abc");
abc

참고자료

 

JavaScript와 Node.js의 차이

코드깎는노인님의 유튜브를 보고 정리한 글입니다.

velog.io

 

 

'프론트 엔드 > Javascript' 카테고리의 다른 글

[Javascript] null과 undefined의 차이  (0) 2022.01.23
변수 타입 (var, let, const)와 스코프 연산자(scope) 개념  (0) 2022.01.21
[Javascript] Javsacript ES6 주요 특징  (0) 2022.01.20
    '프론트 엔드/Javascript' 카테고리의 다른 글
    • [Javascript] OOP vs FP란 무엇인가?
    • [Javascript] null과 undefined의 차이
    • 변수 타입 (var, let, const)와 스코프 연산자(scope) 개념
    • [Javascript] Javsacript ES6 주요 특징
    Koras02
    Koras02
    현재 사용중인 언어 - next-js,react,vue, typescript

    티스토리툴바