클라이언트 사이드 라우팅(CSR Routing)은 어떻게 동작하나요?

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

클라이언트 사이드 라우터는 브라우저의 History API(pushState, popstate 등)를 사용해 서버로부터 새 HTML 문서를 매번 다시 받지 않고도 URL을 변경하고 그에 맞는 컴포넌트를 화면에 그려 줍니다. 뒤로 가기·앞으로 가기 탐색과 동적 경로 파라미터, 중첩 레이아웃, 데이터 로딩 및 에러 화면을 URL 상태와 동기화해 관리합니다. 다만 사용자가 특정 하위 경로(/products/42)를 주소창에 직접 입력하거나 새로고침할 때는 브라우저가 서버에 요청을 보내므로, 서버나 호스팅 설정에서도 해당 경로에 앱 엔트리 문서나 적절한 응답을 내려주도록 구성해야 합니다.

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

1. 필터 조건이나 현재 탭, 상세 항목을 URL로 표현하면 링크 공유와 새로고침, 브라우저 탐색 이력이 자연스럽게 유지됩니다.
2. 페이지 전체 새로고침이 없는 만큼 화면 전환 시 스크롤 위치 조정, 문서 제목(title) 변경, 포커스 이동 같은 접근성 처리도 함께 챙겨야 합니다.

면접에서 자주 하는 실수

클라이언트 라우터에서 권한 없는 사용자를 리다이렉트하는 가드 코드는 UI 편의 기능일 뿐이므로, 실제 데이터 보안과 인가 검증은 반드시 서버 API에서 수행해야 합니다.