가장 많이 묻는 면접 질문과 답변 & 온라인 테스트
면접 준비, 온라인 테스트, 튜토리얼, 라이브 연습을 위한 학습 플랫폼

집중 학습 경로, 모의고사, 면접 준비 콘텐츠로 실력을 키우세요.

WithoutBook은 주제별 면접 질문, 온라인 연습 테스트, 튜토리얼, 비교 가이드를 하나의 반응형 학습 공간으로 제공합니다.

라이브러리 검색
Prepare Interview

Frontend Developer 면접 질문과 답변

Ques 26. What is a closure in the context of JavaScript's event handling?

In the context of event handling, a closure allows a function to retain access to variables in its lexical scope even after the outer function has finished executing. This is often used to maintain state across multiple event callbacks.

Example:

```javascript
function createCounter() {
  let count = 0;
  return function() {
    console.log(count++);
  };
}

const counter = createCounter();
counter(); // Outputs: 0
counter(); // Outputs: 1
```

도움이 되었나요? Add Comment View Comments
 

Ques 27. What is the difference between 'inline' and 'block' elements in CSS?

'inline' elements only take up as much width as necessary and do not start on a new line. 'block' elements take up the full width available and start on a new line.

Example:

```css
/* Inline element example */
span {
  display: inline;
}

/* Block element example */
div {
  display: block;
}```

도움이 되었나요? Add Comment View Comments
 

Ques 28. Explain the purpose of the 'box-sizing' property in CSS.

The 'box-sizing' property determines how the total width and height of an element are calculated. 'content-box' includes only the content, while 'border-box' includes padding and border in the calculation.

Example:

```css
/* Using box-sizing: border-box */
div {
  box-sizing: border-box;
  width: 200px;
  padding: 10px;
  border: 5px solid #000;
}```

도움이 되었나요? Add Comment View Comments
 

Ques 29. What is the purpose of the 'data-' attribute in HTML?

The 'data-' attribute is used to store custom data private to the page or application. It provides a way to attach additional information to HTML elements without using non-standard attributes.

Example:

```html
This is a custom element.

```

도움이 되었나요? Add Comment View Comments
 

Ques 30. What is the difference between 'throttling' and 'debouncing' in JavaScript?

'Throttling' limits the number of times a function can be called within a specified time frame, while 'debouncing' ensures that a function is only called after a certain amount of time has passed since the last invocation.

도움이 되었나요? Add Comment View Comments
 

Most helpful rated by users:

Copyright © 2026, WithoutBook.