학습 공간 개념 · 판단 · 실험

Fanta Lab

질문 11 · 실전 면접 답변

AJAX는 무엇이며 Fetch로 구현할 때 무엇을 확인해야 하나요?

이렇게 답해 보세요 (핵심 답변)

AJAX는 페이지 전체를 새로고침하지 않고 브라우저가 서버와 비동기적으로 데이터를 주고받아 화면 일부만 갱신하는 기법입니다. 현대 웹에서는 주로 Fetch API와 JSON 형식을 사용해 구현합니다. Fetch를 사용할 때는 네트워크 연결 실패뿐 아니라 404나 500 같은 HTTP 상태 코드를 확인하기 위해 response.ok나 status를 직접 검사해야 하며, 응답 본문을 읽는 response.json() 역시 비동기 단계라는 점과 화면 이탈 시 요청 취소(AbortController)까지 함께 챙겨야 합니다.

함께 설명하면 좋은 이유 (꼬리질문 대비)

  1. fetch는 서버가 404나 500 에러 응답을 돌려주어도 네트워크 통신 자체가 성공했다면 Promise를 거부하지 않고 이행합니다.
  2. 이전 요청의 응답이 늦게 도착해 최신 화면 상태를 덮어쓰지 않도록 AbortSignal로 취소하거나 최신 요청 여부를 확인해야 합니다.

면접에서 자주 하는 실수

AJAX를 XML 데이터 형식이나 과거의 XMLHttpRequest 객체 하나만을 가리키는 용어로 좁게 설명하지 않도록 주의합니다.

원리와 예제까지 읽기

공식 참고 자료

질문 목록 출처 ↗ · 원본 11번을 바탕으로 질문과 답변을 새로 정리했습니다.

← JavaScript