Web Developer 면접 질문과 답변
Ques 11. How does CSS specificity work?
Specificity determines which CSS rule takes precedence when multiple conflicting rules target the same element.
Example:
div#myId {
color: blue;
}
#myId {
color: red;
}
도움이 되었나요?
Add Comment
View Comments
Ques 12. What is AJAX, and how does it work?
AJAX (Asynchronous JavaScript and XML) allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes.
Example:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();
도움이 되었나요?
Add Comment
View Comments
Ques 13. What is responsive web design?
Responsive web design ensures that web applications render well on various devices and window or screen sizes.
Example:
@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
도움이 되었나요?
Add Comment
View Comments
Ques 14. Explain the concept of event delegation in JavaScript.
Event delegation involves using a single event listener to manage all related events for a specific type, reducing the number of event listeners.
Example:
document.getElementById('parentElement').addEventListener('click', function(event) {
if (event.target.tagName === 'BUTTON') {
console.log('Button clicked!');
}
});
도움이 되었나요?
Add Comment
View Comments
Ques 15. What is the purpose of the 'this' keyword in JavaScript?
The 'this' keyword refers to the current execution context and allows access to properties and methods of the current object.
Example:
const person = {
name: 'John',
greet: function() {
console.log('Hello, ' + this.name + '!');
}
};
person.greet();
도움이 되었나요?
Add Comment
View Comments
Most helpful rated by users: