최대한 면접에서 구술하기 용이하도록 요약하였다.
용어 설명이 더 필요할 경우 링크를 걸어두었다.
아... 다 정리하려면 갈길이 멀구만..😅
1.
Q. 블로그 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요?
A. 브라우저 동작 원리에 대해 설명해야 할 것 같다.
(1) 브라우저는 DNS를 통해 IP주소를 파악한다.
(2) 브라우저와 서버가 3 way handshake 를 완료한 뒤 HTTP Request, HTTP Response를 차례로 거친다.
(3) 브라우저는 서버로부터 받은 데이터를 해석(파싱)하고 Dom Tree, CSSOM Tree, AST를 만든다.
(4) Dom Tree와 CSSOM Tree를 합쳐 렌더트리를 생성한다.
(5) 렌더트리에 있는 노드를 화면에 배치하고, 노드를 돌며 레이아웃을 배치하고, 노드를 순서대로 구성한다.
(6) 최종적으로 브라우저는 사용자에게 화면을 출력한다.
2.
Q. DNS에 대해 설명해주세요.
A. 도메인이나 호스트 이름을 숫자로 된 IP주소로 해석해주는 시스템이다. 더 자세한 내용은 여기를 참고하자.
3.
Q. Get과 Post의 차이
A. 해당 답변은 이곳에서 참고하였다.
Get | 서버에서 데이터를 가져와서 보여주는 메소드.
내용과 상태를 바꾸지 않는 경우에 사용하며, 데이터 길이에 제한이 있고 브라우저에 기록이 남는 것이 특징이다.
주로 읽거나 검색할 때 사용된다.
Post | 데이터를 수행하는 개념의 메소드.
서버 상의 데이터 값이나 상태를 바꾸기 위해 사용하며, 데이터 길이에 제한이 없고 브라우저에 기록이 남지 않는다.
글의 내용을 저장∙수정시 사용된다.
'TIL' 카테고리의 다른 글
책 <기초부터 완성까지, 프런트엔드> Til - 2 (0) | 2022.05.15 |
---|---|
헷갈리는 자바스크립트 네이밍 규칙 정리 (0) | 2022.05.08 |
책 <기초부터 완성까지, 프런트엔드> Til (0) | 2022.05.08 |
면접질문 예상문답(2) Rest api, 객체지향 프로그래밍, stack과 que란 (0) | 2022.03.07 |
프론트엔드 개발자 면접 예상 질문 목록 및 답변 정리 시작! (0) | 2022.03.04 |