[✏️week2 위클리 페이퍼] 브라우저 작동 원리

week2 위클리 페이퍼 - 코드잇 스프린트 풀스택 2기

---

오늘 알아볼 것은 바로 '브라우저 작동 원리' 이다.

 

너무 딥하지도 않고, 너무 가볍지도 않게 정리해보겠다.

 

내가 이해한 바를 정리하는 시간이라고 생각하자. 이는 예를 들자면 면접 질문에도 나올 수 있는 피와 살이 되기에, 짧고 굵게!

 

우선 거의 모든 컴퓨터 네트워크나 운영체제 시간때 바탕으로 한 컴퓨터 구조에는 3개의 레이어가 있다.

 

가장 바탕이 되는 부분, 베이스부터 정리하자면,

컴퓨터 구조 3 Layers

1. Machine Hardware: CPU, GPU

2. Operating System: Windows, Mac OS, Linux ...

3. Application

 

이 있다. 우리가 관심이 있는 부분은, 피부로 느껴지는 Application인 것이다.

 

구글 크롬도 Application의 일종인 거니까.

 

또한 브라우저 아키텍처 이해를 위해선 Process 와 Thread 를 알아야한다. (이는 면접 단골 Q.)

 

* 운영체제 전공 시간에도 Process와 Program의 차이에 대해서 배웠었다. 이는 다음 기회에.

Process & Thread

프로세스: 운영체제로부터 자원을 할당받은 작업의 단위.

쓰레드: 프로세스 내에서 운영체제로부터 할당받은 자원을 실행하는 단위.

솔직히 안와닿음. -> 나중에 이해 및 정리 필요

(자세한건 https://gmlwjd9405.github.io/2018/09/14/process-vs-thread.html)

 

자 이제 진짜 알아보자;

브라우저 아키텍처

 

크롬은 멀티 프로세스 아키텍처를 이용한다.

뭔 말이냐면, 다음과 같은 프로세스가 있다고 함.

브라우저: 사용자가 사용하는 기능들을 담당. 또한 보이지 않는 부분까지..

렌더러: 보통 탭당 하나로 웹 사이트가 디스플레이 되는 것을 담당

플러그인: 내가 졸라 애용함. 난 크롬 플러그인 없인 못 살아인간.

GPU: 독립된 GPU 작업 통제.

 

 

오키,, 그래서 왜 그런건데?

보통 탭 당 하나의 프로세스를 갖는 것이 포인트입니다.

단일 프로세스라면 하나의 탭만 뻑나도 나머지도 뻑나요.

다중이라서 하나가 잘못되어도 다른탭에겐 영향이 없다고 합니다!

 

그러나.. 그렇담 메모리 부족 현상이 발생하지 않는가? 그래서 그럴때는 프로세스를 합친다고 하네요.

몬말이냐면 최대 프로세스 개수 제한을 두었다는 거죠.

그래서 나름 해결아닌 해결을 한듯합니당 ^_____^..

 

(그래서 크롬이 무겁다는 거구나. 사파리가 가벼워서 사파리 쓰는 사람도 많음. 역시 개발자 아니면 크롬 안쓰는 게 정답인듯ㅎ)

 

호호 그래서 오늘은 이런 것들을 위주로 알아보았습니다!!

제가 배우고 있는 웹개발 분야에 배웠던 운영체제 지식과 네트웍지식을 결합시켜 배워보는 유익한 시간이었답니다.

여러분은 어떠셨나요? 

재밌었다면, 땡큐!

---

참고 블로그 - https://lodado.tistory.com/19