기술면접대비 Day-1

웹페이지가 브라우저에 랜더링되는 과정을 설명해주세요.

 

-  HTML 코드를 파싱 -> DOM 트리 생성 ->  (CSS 스타일 시트와 결합하여) 렌더 트리 생성 ->  렌더링(레이아웃 배치 -> Paint)

 

웹페이지가 브라우저에 렌더링되는 과정은 크게 4단계로 나뉩니다.

 

1. HTML 파싱 (Parsing)

• 브라우저는 웹페이지의 HTML 코드를 받아서 파싱합니다.
• 파싱이란, HTML 코드를 이해하고 브라우저가 이해할 수 있는 구조로 변환하는 과정입니다.

2. DOM 생성 (DOM Tree Construction)

• 파싱된 HTML 코드를 기반으로 브라우저는 DOM(Document Object Model) 트리를 생성합니다.
• DOM은 웹페이지의 계층적인 구조를 나타내며, 웹 페이지의 모든 요소를 포함합니다.

3. 렌더트리 생성 (Render Tree Construction)

• 브라우저는 생성된 DOM 트리와 CSS 스타일 시트를 결합하여 렌더 트리(Render Tree)를 생성합니다.
• 렌더 트리는 실제로 화면에 표시될 요소들만을 포함하며, 각 요소의 크기, 위치, 색상 등을 계산합니다.

4. 렌더링 (Rendering)

• 브라우저는 렌더 트리를 이용하여 화면에 웹페이지를 그립니다.
• 이 과정에서 CSS 속성을 적용하고, 레이아웃을 배치하고, 각 요소를 그리는 등의 작업이 이루어집니다.
• 마지막으로, 모든 요소가 화면에 그려지면 웹페이지의 렌더링이 완료됩니다.

---

Restful API에 대해 설명해주세요. GET,POST 외에 알고있는 메소드와 그 기준을 설명해주세요. RESTful API 가 아닌 것들은 어떤게 있나요?

RESTful API는 인터넷 상에서 자원(Resource)을 정의하고, 이를 HTTP 프로토콜을 통해 전송하는 아키텍처 스타일(즉, 서버와 클라이언트 간 통신을 위한 웹 기술 중 하나이다.)  RESTful API에서 가장 일반적으로 사용되는 HTTP 메소드는 GET(리소스 검색,조회)과 POST(새로운 리소스 만듦)이며, PUT(업데이트), DELETE, PATCH(일부 업데이트), OPTIONS(메소드 목록검색) 등의 다른 메소드도 있습니다. 이러한 메소드는 CRUD 작업을 수행하는 데 사용됩니다. SOAP, XML-RPC 등은 RESTful API와 달리 다른 웹 API입니다.