개인 프로젝트/내가 면접관, 면접자 검색 결과

해당 글 5건

[Interview] CORS에 대해 말씀해주세요.

[Interview] CORS에 대해 말씀해주세요. CORS에 대해 말씀해주세요. ◆ 실제로 답한다면 ... CORS는 cross origin resource sharing으로 교차 출처인 정보를 공유할 수 있게 하는 것입니다. CORS를 알기 위해서는 SOP를 알아야 합니다. SOP는 same origin policy로 동일 출처 정책입니다. 즉 브라우저에서는 보안을 위해 같은 출처인 경우만 정보를 주고 받을 수 있도록 정책을 세운 것입니다. 따라서 다른 출처끼리 정보를 주고 받을 때 발생하는 문제입니다. 보통 이러한 것을 해결하기 위해 서버에서는 인증된 url을 등록할 수 있습니다. 이후 해당 url에서 정보를 요청하는 경우는 정보를 주고 받을 수 있게 됩니다. 따라서 흔히 말하는 CORS 에러는 브..
개인 프로젝트/내가 면접관, 면접자 2022. 5. 12. 07:33

[Interview] 쿠키와 세션에 대해 말씀해주세요.

[Interview] 쿠키와 세션에 대해 말씀해주세요. 쿠키와 세션에 대해 말씀해주세요. ◆ 실제로 답한다면 ... 쿠키와 세션은 http 프로토콜 특성상 사용하는 것들입니다. http는 stateless, connectionless 기반이기 때문에 서버와 클라이언트는 서로 누구인 지 알아야 할 무언가가 필요합니다. 이럴 때 사용하는 것이 쿠키와 세션입니다. 쿠키의 경우 클라이언트, 즉 브라우저에서 관리됩니다. http 요청을 보낼 때 header에 실어 보내지며 유효기간이 있습니다. 쿠키의 경우 브라우저에서 관리되기 때문에 외부에 노출이 됩니다. 따라서 개인정보와 같은 민감한 정보는 저장하지 않습니다. 간단한 예시로 처음 쿠키에 사용된 오늘 방문했는지, 오늘 다시 보지 않기 등 기능에 사용됩니다. 세션..
개인 프로젝트/내가 면접관, 면접자 2022. 5. 11. 19:04

[Interview] 브라우저 렌더링 과정이 어떻게 되나요?

[Interview] 브라우저 렌더링 과정이 어떻게 되나요? 브라우저 렌더링 과정이 어떻게 되나요? ◆ 실제로 답한다면 ... 먼저 HTML, CSS를 기반으로 DOM, CSSOM Tree를 생성합니다. DOM, CSSOM Tree가 생성되면 이 2개를 기반으로 Render Tree를 생성합니다. 이때 Render Tree는 화면에 보여질 내용만 포함하기 때문에 display: none, meta tag와 같이 화면에 보이지 않는 것들은 포함하지 않습니다. Render Tree가 생성되면 Layout을 합니다. Reflow라고도 부르는 과정입니다. Viewport에 맞게 화면에 배치를 합니다. 이때 %, em, rem과 같은 상대 단위는 모두 px 단위로 변경이 됩니다. Layout 과정이 완료되면 pa..
개인 프로젝트/내가 면접관, 면접자 2022. 5. 6. 18:45

[Interview] 주소창에 www.google.com 을 입력하면 어떠한 일이 일어나나요?

[Interview] 주소창에 www.google.com 을 입력하면 어떠한 일이 일어나나요? 주소창에 www.google.com 을 입력하면 어떠한 일이 일어나나요? ◆ 실제로 답한다면 ... 네 사용자가 주소창에 www.google.com을 입력하면 먼저 브라우저는 브라우저에 저장된 DNS 캐시를 확인합니다. 해당 캐시가 있다면 사용하고 없다면 OS, Router, ISP 순서로 DNS 캐시를 확인합니다. 마지막인 ISP에도 DNS 캐시가 없다면 해당 도메인에 맞는 IP를 찾아합니다. root 도메인부터 시작하여 .com, .google.com을 순서로 ip를 찾습니다. ip를 찾았다면 브라우저는 이후 해당 서버에 tcp 3 way handshaking을 합니다. 연결이 되면 get과 같은 요청으로 ..
개인 프로젝트/내가 면접관, 면접자 2022. 5. 3. 19:28

[Interview] 내가 면접관, 면접자라면 (소개글)

[Interview] 내가 면접관, 면접자라면 (소개글) 내가 면접관, 면접자라면 해당 카테고리는 내가 면접관, 면접자가 되어 질문과 답변, 이어서 꼬리질문과 답변까지 해보는 프로젝트입니다. 해당 프로젝트의 취지는 꼭 면접 준비만이 아닌 웹 개발자라면 알고 있어야 할 내용 (+ 그냥 내가 면접관이었으면 물어보았을 내용)을 위주로 담았습니다. 그리고 실제 개발할 때도 어느 정도 개념은 알고 있어야지 검색을 통해 문제를 해결해나갈 수 있습니다. 해당 게시글을 보는 개발자들에게 도움이 되면 좋겠습니다. 혹시 보시다가 틀린 내용이 있으면 댓글 부탁드립니다. 모든 질문에는 필자가 면접 때 해당 질문을 받으면 답변하였을 것과 같은 내용이 작성되어 있습니다. (구어체) 그리고 게시글에 따라 추가 보충 설명이 있을 수..
개인 프로젝트/내가 면접관, 면접자 2022. 5. 3. 19:16