프론트엔드 기술 면접 공간

클로저는 함수가 선언된 당시의 외부(스코프)의 변수를 기억하고 해당 함수가 선언된 이후에도 계속해서 접근할 수 있는 기능을 의미합니다. 비유하자면 함수가 자신이 생성된 환경을 "기억"하는 것이라고 할 수 있습니다. 클로저는 자바스크립트의 함수가 일급 객체라는 특성과 렉

브라우저가 웹 페이지를 화면에 표시하기 위해 거치는 과정을 브라우저 렌더링 파이프라인이라고 합니다.이 과정은 HTML, CSS, JavaScript와 같은 리소스를 해석하여 화면에 시각적으로 표현하는 과정을 의미하며, 크게 여섯 가지 단계로 나뉩니다.DOM 생성CSSO

localStorage 와 sessionStorage 는 웹 브라우저에서 제공하는 클라이언트 측 저장소 API로 데이터를 저장하는 두 가지 방법입니다. 두 방식 모두 브라우저의 저장 공간을 활용하여 Key-Value 형태로 데이터를 저장하지만 사용 목적과 유지 기간에서

번들러는 다양한 파일과 모듈을 하나의 배포 가능한 번들로 묶는 역할을 합니다.번들러가 필요한 이유는 여러가지가 있습니다.네트워크 요청 성능을 개선하기 위해서입니다.다수의 개별 파일에 대해 모두 네트워크 요청을 수행할 경우, 성능에 부정적인 영향이 있을 수 있습니다.번들

개발 시 타입 오류를 런타임으로 실행하기 이전에 발견할 수 있어 런타임 에러를 줄이고, 코드의 품질을 개선할 수 있습니다. 이러한 장점은 특히 대규모 프로젝트에서 두드러집니다.IDE의 자동완성 기능과 인텔리센스가 더 많은 정보를 제공할 수 있게 되기 때문에 코드 작성

HTTP(Hypertext Transfer Protocol) 는 웹 상에서 클라이언트와 서버 간 데이터를 주고받는 데 사용되는 통신 규약입니다. 클라이언트가 서버에 요청을 보내고, 서버가 이에 대한 응답을 반환하는 방식으로 동작합니다. HTTP는 비연결성(statele

자바스크립트에서 클래스의 Public, Private, Protected 접근제어자는 클래스 멤버의 접근 범위를 제어하는데 사용됩니다.Public은 별도 키워드를 붙이지 않았을 때 기본 적용되는 접근제어자로, 클래스 외부에서도 자유롭게 접근 가능합니다. 예를 들어 th

event.target 과 event.currentTarget 은 모두 이벤트 객체의 속성이며, 각각 "이벤트가 실제로 발생한 요소"와 "이벤트 리스너가 연결된 요소"를 가리킵니다. 이 둘의 차이점을 이해하려면 이벤트 버블링을 알아야합니다. 이벤트는 특정 요소에서 발생

데이터 속성은 사용자 정의 데이터를 HTML 요소에 저장하기 위해 사용되는 속성입니다. 선언 방법은 data- 로 시작하는 속성을 HTML 태그에 추가하면 됩니다. 예를 들어, <div data-user-id="12345" data-role="admin"><

CDN(Content Delivery Network)은 전 세계에 분산되어 있는 서버들을 통해 사용자에게 웹 컨텐츠를 빠르고 효율적으로 제공하는 기술입니다. 웹사이트의 이미지, CSS, JavaScript 파일, 동영상 등 정적 컨텐츠를 사용자와 물리적으로 가까운 서버

전역 상태 관리 라이브러리를 사용하는 이유에 대해 크게 세 가지를 설명드리겠습니다.여러 컴포넌트에서 공통적으로 사용되는 상태를 중앙화하여 관리하고, 여러 곳에서 쉽게 접근할 수 있습니다. 부모 컴포넌트에서 자식 컴포넌트에게 상태를 전달하기 위해 여러 컴포넌트를 거치는