프론트엔드 면접 검색 결과

해당 글 3건

[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