질문 목록

• CSR에서 초기 로딩이 느려지는 이유는 무엇인가요?

  CSR 구조에서 JS 번들 로딩 및 실행 시점 때문에 FCP(First Contentful Paint)가 지연되는 이유를 설명해주세요.

• tanstack query 에서 staleTime과 cacheTime의 차이는 무엇인가요?

  staleTime은 재요청 조건, cacheTime은 캐시 유지 기간을 어떻게 제어하는지 설명해주세요.

• useQuery 훅은 어떻게 사용하나요?

  기본 사용법과 key, fetch 함수, 옵션 설정 방식에 대해 설명해주세요.

• TanStack Query란 무엇인가요?

  사용 경험이 있다면 어떻게 활용했는지 설명해주세요.

• 브라우저의 Same-Origin Policy(동일 출처 정책)는 무엇인가요?

  Same-Origin Policy의 정의와 이것이 웹 보안에 왜 중요한지 설명해주세요.

• 브라우저가 자바스크립트를 실행할 때 블로킹이 발생하는 이유는 무엇인가요?

  자바스크립트가 파싱될 때 HTML 파싱을 블로킹하는 이유와 이를 방지하기 위한 async, defer 속성의 차이를 설명해주세요.

• 크로스 브라우징이란 무엇이며 왜 중요한가요?

  크로스 브라우징의 개념과 중요성을 설명하고, 실제 프로젝트에서 경험한 크로스 브라우징 이슈와 해결 사례가 있으면 설명해주세요.

• 브라우저에서 프론트엔드 성능을 분석할 때 어떤 도구를 사용하시나요?

  Chrome DevTools, Lighthouse, WebPageTest 등 성능 분석 도구의 주요 기능과 실제로 성능을 개선했던 경험을 설명해주세요.

• DOMContentLoaded와 load 이벤트의 차이는 무엇인가요?

  두 이벤트의 발생 시점과 각각의 사용 사례를 설명해주세요.

• 쿠키, 로컬스토리지, 세션스토리지의 차이점은 무엇인가요?

  저장 위치, 만료 시점, 용량, 보안 측면을 중심으로 비교해주세요.