📌 기술 면접 준비 관련_기타

Q : 브라우저의 동작방식에 대해서 설명해주세요

A : 먼저 웹 브라우저는 사용자가 웹 페이지를 열어서 보고 상호작용하는 데 사용되는 소프트웨어입니다.

간단하게 설명하면, 웹 브라우저는 사용자가 주소를 입력하거나 링크를 클릭할 때 해당 웹 서버에 요청을 보내고, 받아온 HTML, CSS, Javascript 등의 리소스를 해석하여 웹 페이지를 구성하고 표시합니다. 이 과정에서 HTML과 CSS는 페이지의 구조와 스타일을 정의하며, Javascript는 동적인 기능을 추가하고 사용자 상호작용을 처리하게 되비니다. 브라우저는 이를 통해 사용자에게 시각적인 경험을 제공하고, 이벤트에 따라 페이지를 업데이트하며 상호작용으 가능케 합니다.

📍 브라우저 동작 방식의 자세한 순서

1. 사용자가 주소 입력 또는 링크 클릭 : 사용자가 주소창에 웹 주소를 입력하거나 웹 페이지의 링크를 클릭합니다.
2. URL 해석 및 요청 : 브라우저는 입력된 URL을 해석하고 해당 웹 서버에 요청을 보냅니다.
3. 서버와 통신 : 서버는 브라우저로부터의 요청을 받고, 필요한 웹페이지의 HTML,CSS,Javascript 및 기타 리소스를 포함한 응답을 생성합니다.
4. HTML 파싱과 DOM 트리 구축 : 브라우저는 받아온 HTML을 파싱하여 DOM트리를 구축합니다.
5. CSS 파싱과 스타일 규칙 적용 : 브라우저는 받아온 CSS를 파싱하고, DOM트리에 대응되는 요소에 스타일 규칙을 적용하여 화면에 어떻게 보여질지 결정합니다.
6. 레이아웃과 페인팅 : 브라우저는 레이아웃 단계에서 각 요소의 크기와 위치를 계산하고, 이를 바탕으로 실제 화면에 그리는 페인팅 단계를 거칩니다.
7. Javascript 실행 : 브라우저는 HTML 파싱 중에 만나는 < script > 태그에 포함된 Javascript 코드를 실행합니다. 이로써 동적인 웹페이지를 생성하거나 상호작용을 가능케 합니다.
8. 이벤트 처리 및 상호작용 : 브라우저는 사용자의 상호작용(클릭, 검색 등)에 반응하여 이벤트를 처리하고, 필요에 따라 화면을 갱신한거나 새로운 요청을 서버에 보낼 수 습니다.
   9.웹 페이지 랜더링 및 업데이트 : 최종적으로 브라우저는 사용자가 볼 수 있는 웹페이지를 렌더링하고, 사용자와 상호작용하면서 필요할때 마다 페이지를 업데이트합니다.

---

Q : SEO에 대해서 설명해주세요

A : SEO(검색 엔진 최적화)는 웹사이트가 검색 엔진에서 높은 순위에 나타나도록 최적화하는 프로세스를 의미합니다. 이를 통해 더 많은 유기적인 트래픽을 유도하고 온라인 가시성을 향상시킬 수 있습니다.

SEO는 지속적인 프로세스이며, 검색 엔진의 알고리즘 변경에 대응하고 사용자의 검색 쿼리에 가장 적합한 결과를 제공하기 위해 지속적인 모니터링과 최적화가 필요합니다.

📍 검색 엔진 최적화 작업

1. 메타 태그 (Meta Tag)
   : 해당 웹 사이트에서 다루고 있는 데이터가 무엇인지에 대한 데이터/ < meta >요소는 < head >요소의 자식요소
2. < title > 태그
   : 검색 결과창에서 제목에 해당되는 요소, < head >요소의 자식 요소
   ➡️ 검색엔진에서 검색 후 이 제목만 살펴보면서 어떤 페이지에 들어갈지 결정하는 경우가 많음
3. < hgroup > 태그
   : 제목을 표시하는 용도로 핵심 키워드를 포함하고 있을 가능성이 높음