언어/Frontend

[JavaScript] 주요 문법 (소개, 메모리

김뱅쓰 2023. 2. 23. 18:31

 

브라우저의 동작 원리

 Reference ;

https://d2.naver.com/helloworld/59361

https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84

 

자바스크립트 엔진 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 자바스크립트 엔진(JavaScript engine)은 자바스크립트 코드를 실행하는 프로그램 또는 인터프리터이다. 자바스크립트 엔진은 전통적인 인터프리터일 수도 있고,

ko.wikipedia.org

https://poiemaweb.com/js-browser

 

Javascript Environment | PoiemaWeb

대부분의 프로그래밍 언어는 운영체제(Operating System, OS) 위에서 실행되지만 웹 애플리케이션의 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 따라서 브라우저 환경을 고려할 때 보다

poiemaweb.com

 

프론트엔트 개발자의 역할

브라우저에서 동작하는 UI개발

 

메모리는 할당 사용 해제의 과정을 거친다.

 

메모리 심화

javasript 엔진은 가상머신으로 구성되어 있다.

이 가상머신은 메모리 모델 heap(참조 타입) 과 callstack(원시 타입)이 있다.

garbage colllector : 쓰지 않는 메모리를 해제하는 역할

 

표현식 : 어떠한 결과 값으로 평가되는 식이다.

 

흐름제어 :

controller flow ; 조건문 , 반복문으로 이루어짐

data flow : 함수형 프로그램

 

네트워크 기초

1. URL 해석

2. DNS 조회

3. 해당 IP가 존재하는 서버로 이동

4. ARP를 이용하여 mac 이나 window 주소 변환

5. TCP 통신을 통해 Socket을 열어야 한다. (3 way handshake로 연결 요청) 

6. 서버는 응답을 반환한다.

7. 브라우저는 렌더링한다.(받은 html을 읽어  dom tree 구축하고 이용하여 화면에 그린다)

 

책추천

함수형 사고

객체지향의 사실과 오해