주니어 프론트엔드 기술면접
-
주니어 프론트엔드 개발자 기술면접 예상질문 - CS(2)CS지식 2022. 11. 4. 11:40
- CORS는 무엇인지, 이를 처리해본 경험이 있나요? 정의, 특징, 해결 방법 다른 출처의 자원에 접근할 때 발생한다. 대개는 프런트 개발 시에 로컬에서 API 서버에 요청을 보낼 때 흔하게 발생한다. 서로 다른 도메인 간에 자원을 공유하는 것을 뜻하고, 출처가 다른 서버의 자원을 요청하면 발생하는 문제이다. - cors를 쓰는 구체적인 이유는? 먼저 CORS의 반대인 SOP는 다른 출처라면 무조건 차단함으로써 막강한 보안을 제공한다. 하지만 다른 출처의 리소스를 사용할 때는 CORS를 써야 한다고 생각한다. 또한 CORS는 출처가 다를 시에 Access-Control-Allow-Origin:{도메인}을 HTTP Header에 추가해야한다. -cors를 구현하려면 어떻게 하는가? CORS를 구현하기 위..
-
주니어 프론트엔드 개발자 기술면접 예상질문 - CS(1)CS지식 2022. 11. 4. 11:31
- 브라우저 렌더링 작동 원리 : 홈페이지가 사용자에게 보이는 순서 , 브라우저가 클라이언트에게 보여져주는 원리 : 주소창에 URL을 입력했을 때 어떻게 웹 페이지가 보이는걸까? 일단 간결하게 설명하자면 url을 입력했을 때 브라우저가 서버에게 필요한 자원(HTML,CSS,JS)를 요청합니다. 그렇게 서버가 응답해주면 브라우저는 렌더링 엔진으로 HTML, CSS를 분석해서 화면에 그려내고 JS는 자바스크립트 엔진이 Javascript 파일을 로드하고 분석하여 실행하게 됩니다. 이것이 브라우저가 웹 페이지를 클라이언트에게 보여주게 되는 원리입니다. 렌더링 엔진의 동작 과정을 더 깊게 설명하겠습니다. 먼저 렌더링 엔진이 HTML 문서를 서버로부터 얻으면 그 HTML문서를 분석하여 DOM트리를 구축합니다. 그..