2024/05/12 2

[Web] 웹 브라우저 내부 구조 한 눈에 보기!👓 / 브라우저 엔진, 렌더링 엔진? / 돔 트리

웹 브라우저 (Web Browser) 의 내부 구조를 이해하는 것은마치 자동차를 잘 운전하기 위해 엔진과 페달의 역할을 알아야 하는 것과 비슷하다.🚗 웹 브라우저도 내부를 알아야 각 동작에 발생하는 일을예측하고, 해석할 수 있게 된다. 즉 잘 다룰 수 있게 되는 것이다.  오늘은 웹 브라우저의 내부구조와주요한 엔진이 어떤 역할을 하고, 어떤 과정을 거쳐우리에게 요청한 페이지를 보여주는지 간단하게 살펴보도록 하자.    1. 구성 요소웹 브라우저의 내부 구조는 여러 주요 구성 요소로 이루어져 있다.사용자 인터페이스(UI)사용자가 상호작용하는 부분으로, 주소 표시줄, 이전/다음 버튼 등이 포함된다.브라우저 엔진사용자 인터페이스와 렌더링 엔진 사이의 상호작용을 담당한다.렌더링 엔진HTML과 CSS를 파싱하여..

Web 2024.05.12

[Network] 네트워크 통신을 위한 포트의 역할과 필요성

네트워크에서 통신하는 모든 개체들을 통틀어 '노드' 라고 표현한다. (클라이언트, 서버를 아우르는 개념)쉽게 말해 '통신에 참여하는 모든 단말'을 뜻한다.    예를 들어보자.네트워크 A에 컴퓨터 20대와 허브 2개 공유기 2개, 그리고 라우터가 있다면,네트워크 A에 속한 장비들은 하나의 노드로 친다. 여기서 주의!!★ 헷갈리지 말아야 할 것이,기기나 단말 하나를 독립적인 노드로 여기는 것이 아니라, 통신의 말단, 종단점을 노드로 여기기 때문에하나의 노드 안에 다양한 장비들이 포함 될 수도 있다는 것이다. 그리고... 이 노드를 서로 연결하는 것이 '링크' 이다.  아무튼 네트워크 통신은 이와 같이 노드와 링크의 구조로 이루어진다. 오늘은 프로토콜과 포트에 대해 이야기하고자 한다.이 노드와 링크로 이루어..

Server 2024.05.12