웹 개발자 신입 면접 질문 50선

웹 개발자로 취업을 준비 중이신가요?
실무에서 자주 묻는 웹 개발 면접 질문 50가지를 모았습니다.
기술 면접, 코딩테스트, 실무 PT 면접 대비에 유용한 질문 모음입니다.

---

✅ 1.HTML/CSS 관련

1. HTML5의 주요 특징은 무엇인가요?
2. 시맨틱 태그란 무엇이고 예시를 들어주세요.
3. div와 section의 차이는 무엇인가요?
4. position: absolute와 fixed의 차이점은?
5. 반응형 웹이란 무엇인가요?
6. Flexbox와 Grid의 차이점은?
7. 미디어 쿼리란 무엇이며 어떻게 사용하나요?
8. z-index가 제대로 적용되지 않을 때 원인은?
9. 웹 접근성(Accessibility)이란?
10. 웹 표준과 웹 호환성의 차이는?

---

✅ 2. JavaScript (기본 + ES6)

11. var, let, const의 차이점은?
12. 자바스크립트의 클로저(Closure)란?
13. 이벤트 버블링과 캡처링은 무엇인가요?
14. this 키워드는 어떻게 동작하나요?
15. 비동기 처리 방법은 무엇이 있나요? (예: 콜백, Promise, async/await)
16. 호이스팅이란 무엇인가요?
17. 얕은 복사와 깊은 복사의 차이는?
18. 이벤트 위임(Event Delegation)이란?
19. 자바스크립트의 스코프란?
20. 타입스크립트를 사용하는 이유는?

---

✅ 3. 프론트엔드 프레임워크 (React 중심)

21. React의 Virtual DOM이란?
22. React에서 상태 관리는 어떻게 하나요?
23. Props와 State의 차이는?
24. React Hook 중 useEffect의 동작 원리는?
25. 컴포넌트가 리렌더링되는 조건은?
26. React에서 key props는 왜 중요한가요?
27. 리액트에서 조건부 렌더링을 구현하는 방법은?
28. Context API는 언제 쓰나요?
29. 리액트 라우터의 기본 개념과 동작 방식은?
30. CSR과 SSR의 차이는?

---

✅ 4. 백엔드 & 서버 관련

31. REST API란 무엇인가요?
32. HTTP 메서드(GET, POST, PUT, DELETE)는 각각 언제 쓰나요?
33. 쿠키와 세션의 차이는?
34. JWT는 무엇이며, 어떤 식으로 인증에 사용되나요?
35. Node.js란 무엇이며 특징은?
36. Express.js의 미들웨어란?
37. CORS란 무엇이고 어떻게 해결하나요?
38. MVC 패턴이란 무엇인가요?
39. 비동기 처리 방식 중 callback hell 문제는 어떻게 해결하나요?
40. WebSocket이란?

---

✅ 5. 데이터베이스 및 SQL

41. RDBMS와 NoSQL의 차이는?
42. SQL에서 JOIN 종류 4가지는?
43. 정규화(Normalization)란?
44. 트랜잭션(Transaction)의 ACID 속성이란?
45. 인덱스(Index)의 역할은?
46. SQL Injection이란 무엇이며 방지 방법은?
47. MongoDB는 어떤 용도로 적합한가요?
48. ORM이란 무엇인가요? (예: Sequelize, TypeORM)
49. 데이터베이스에서 샤딩(Sharding)이란?
50. 실무에서 많이 쓰는 DB 최적화 방법 1~2가지?

---

📝 마무리

이 질문들을 토대로 다음과 같이 활용해보세요:
• ✅ 면접 준비 시, 질문을 보고 나만의 답변을 작성해 보기
• ✅ 스터디에서 질문 나누기 및 발표
• ✅ 자기소개서/포트폴리오와 연결된 기술 정리 연습

🔎 실제 면접에서는 “이론만 아는 것”보다
“어떻게 적용했는가”를 중심으로 질문이 이어지므로
꼭 코딩 실습과 경험 정리를 병행해보세요.