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 |