본문 바로가기

코딩 농장/웹 프로그래밍

Node.js 와 Vue.js

JavaScript : 웹 페이지를 다이나믹하게 바꿔주기 가능 ,HTML 을 조작 가능

JavaScript 해석은 브라우저들이 해석을 해준다. (Crome, 파이어폭스 ... )

크롬의 V8 해석 엔진 --> Node.js : 브라우저 내에서 말고 다른 환경에서도 JavaScript 해석할 수 있게 해줌

그래서 Node.js 덕분에 JavaScript 를 프로그래밍 언어처럼 사용하기 시작함 --> 서버도 만듦

이때 Node.js 의 Non-blocking I/O 가 장점임

일반 Server Node.js Server
1. 고객 -->  A 요청 1. 제일 빠른 고객 --> A 요청
2. 고객 --> B 요청 * 200 오래걸리는 작업 2. 그 다음 고객 --> B 요청
3. 고객 --> 기다려야함 3. 제일 긴 고객 처리

SNS, 채팅서비스 : 요청이 매우 많을 때 바로바로 처리가 가능하다.

코드가 매우 짧고 쉬워서 빠른 개발 가능


JavaScript 를 이용해서 Node.js 의 기능을 사용/제어해 Node.js 의 (동적으로 HTML 코드를 생성하는... 등) 웹 애플리케이션을 만들 수 있다.

이때 우리는 Node.js 의 여러 기능들을 사용하게 된다.

여기서 Vue.js 는 프론트앤드 부분을 담당하며 Node.js 의 기능을 사용하는 도구이다.

Client 가 웹 서버 어플리케이션을 거쳐 웹 서버에게 Request 를 한다.

그러면 UI(PC, 모바일, 테블렛 ...) + Data 를 반환받는데 이때 UI 관련된 처리를 프레임워크 Vue.js 가 도와준다

*Data 만 있으면 xml, json 같은 파일

 

 

자바스크립트 런타임

런타임이란 프로그래밍 언어가 구동되는 환경이다. 따라서 자바스크립트 런타임이란 자바스크립트가 구동되는 환경을 말한다.

웹 브라우저인 크롬, 파이어폭스 등 모두 자바스크립트 런타임이라고 볼 수 있고 Node.js 또한 자바스크립트 런타임이다.

(자바스크립트는 브라우저 위에서만 실행 가능. 하지만 Node.js 는 OS에 접근할 수 있게 만들어준다. )

'코딩 농장 > 웹 프로그래밍' 카테고리의 다른 글

Docker 이미지 build, commit, push  (0) 2022.09.09
Docker 입문  (0) 2022.09.09
Vue.js 다섯번째 / 브라우저, DOM, BOM, 객체화  (0) 2022.09.07
Docker 입문  (0) 2022.08.30
Vue.js 네번째  (0) 2022.08.29