돔, v8, node js 에서 간략히 공부한 내용.

2022. 10. 26. 15:55js

 

Document Object Model. 즉 돔

 

우리는 javascript 에서 새로운 태그들을 그리거나 추가할때 ,

document.createElement("type"); 과 같은 방식을 이용해서 

 

브라우저에 우리가 원하는 태그들을 javascript 에서 추가하고 제거 하고 제어 할 수 있다.

이때 우리가 추가하는 이 하나의 태그들, 즉 유효한 태그들이 dom 의 주된 요소 인듯 함.

 

이때 javascript 에서 사용한 코드들은 결국, HTML 태그들을 의미하고 이에 

dom 은 올바른 HTML에서 사용된 오브젝트 들 또한 돔의 구성 요소 가 아닌가 싶음.

그렇기에  HTML 과 돔은 일치 하지는 않지만.

올바른 HTML파일 이라고한다면 이는 DOM 안에 속해 있다 라는것 같음.

 

node js 를 살펴보기 전에 우리는 v8 엔진에 대해서 알아야할 필요성이 있다.

v8 엔진이란 그렇다면 무엇일까. 우리가 사용하는 js 의 경우 인터프린터 언어 라고 한다.

이는 라인을 하나하나 읽고 실행하는 방식으로 진행된다.

이러한 js 를 동작하도록 하는 녀석이 v8엔진과 같은 컴파일러 들이다. 이때 

그렇다면  v8 엔진은 쉽게생각하면 js 의 컴파일러 정도 라고 생각이 된다. 

v8 엔진의 경우 c++ 코드로 만들어져 있고 이에 저번에 작성했던 js 에서 사용된 원시값들과 객체의 실질적인

메모리 주소를 우리가 js 에서 확인 할 수 없을 때 v8 엔진을 변경한다면 확인 할 수 있다는 이유가 

이와 같을 것이다. 

 

그렇다면 node js 는 무엇일까 

v8 엔진을 이용한 런타임 javascript 빌더 라는 표현이 맞는듯 하다. 이때 

javascript. 를 런타임 빌드를 할 수 있기 때문에 node js 를 이용하여 서버사이드 프로그래밍 과 같은 

방식이 돌아 갈 수 있는 듯 하다. 아직 정확하게 node js 에 대해서 공부한 것이 아니기에 정확한 부분은 이해하지 

못하였고 이를 이해하기 위해서 노력 해야 할 듯 하다.

'js' 카테고리의 다른 글

js deep dive [전역 변수의 문제점.]  (0) 2022.10.31
e2e test 란.  (2) 2022.10.29
js deep dive [13 scope]  (0) 2022.10.25
js deep dive [ 함수 마무리]  (0) 2022.10.25
js deep dive [12 함수 part 01]  (0) 2022.10.24