DevFit
무료 시작

웹 CS 지식백과

웹 관련 핵심 개념을 개발자 기술 면접에서 설명할 수 있도록 문서 18편으로 정리했습니다. 각 문서는 개념, 동작 원리, 시간 복잡도와 실무 선택 기준을 함께 다룹니다.

최종 업데이트 2026.09.17

  1. 웹 인증 방식 총정리 (Authentication)

    웹 서비스의 인증은 요청을 보낸 사용자가 누구인지 확인하는 절차다. HTTP는 무상태 프로토콜이므로 로그인 이후 요청마다 사용자를 식별할 수단이 필요하며, 세션, 토큰, API 키, OAuth를 비교해 각 방식의 적합한 상황을 정리한다.

  2. 쿠키와 세션 (Cookie, Session)

    쿠키는 서버가 브라우저에 저장하도록 지시하는 작은 키와 값의 쌍이고, 세션은 쿠키를 운반 수단으로 삼아 사용자별 상태를 서버 저장소에 보관하는 기법이다. 두 개념의 동작 원리와 보안 속성, 위협 대응을 다룬다.

  3. CSR과 SSR (Client Side Rendering, Server Side Rendering)

    CSR은 브라우저가 자바스크립트로 화면을 그리는 방식, SSR은 서버가 완성된 HTML을 내려보내는 방식이다. 초기 로딩, SEO, 서버 부하 관점의 차이와 SSG, ISR을 포함한 혼합 전략까지 정리한다.

  4. CSRF와 XSS (Cross Site Request Forgery, Cross Site Scripting)

    XSS는 공격자의 스크립트를 피해자 브라우저에서 실행시키는 공격이고, CSRF는 로그인된 브라우저를 속여 피해자 명의의 요청을 보내는 공격이다. 두 공격이 악용하는 신뢰 관계의 차이와 방어 수단을 정리한다.

  5. 브라우저 동작 원리 (Browser Rendering)

    브라우저가 URL을 받아 서버에서 자원을 가져오고 HTML, CSS, 자바스크립트를 해석해 픽셀로 바꾸는 과정을 다룬다. DNS 조회부터 파싱, 레이아웃, 페인트, 합성까지 렌더링 파이프라인과 이벤트 루프를 설명한다.

  6. HTTP 요청 메서드 (HTTP Request Method)

    HTTP 요청 메서드는 자원에 수행하려는 행위를 나타내는 동사다. GET, POST, PUT, PATCH, DELETE의 의미와 안전성, 멱등성 개념을 정리하고 캐시, 재시도, API 설계에서의 활용을 다룬다.

  7. HTTP 상태 코드 (HTTP Status Code)

    HTTP 상태 코드는 서버가 요청 처리 결과를 세 자리 숫자로 알리는 표준 신호다. 1xx부터 5xx까지 다섯 부류의 의미, 401과 403 같은 혼동하기 쉬운 코드의 구분, API 설계에서의 활용을 정리한다.

  8. JWT (JSON Web Token)

    JWT는 JSON 정보에 디지털 서명을 붙여 위조할 수 없는 자기 완결적 토큰으로 만든 웹 표준이다. 헤더, 페이로드, 서명의 구조와 검증 절차, 무효화 문제와 리프레시 토큰 전략, 저장 위치별 보안을 다룬다.

  9. 로깅 레벨 (Logging Level)

    로깅 레벨은 로그의 심각도를 단계로 나누어 상황에 따라 기록 범위를 걸러 내는 기준이다. TRACE부터 FATAL까지 각 레벨의 용도와 선택 기준, 구조화 로깅과 운영 환경의 로그 관리 방법을 정리한다.

  10. 네이티브 앱, 웹 앱, 하이브리드 앱 (Native, Web, Hybrid App)

    모바일 앱은 구현 방식에 따라 네이티브, 웹, 하이브리드로 나뉜다. 세 방식의 구조와 성능, 배포, 비용 트레이드오프를 비교하고 크로스 플랫폼 프레임워크와의 차이, 선택 기준을 정리한다.

  11. 넉스트 (Nuxt.js)

    넉스트는 뷰 위에 서버 사이드 렌더링, 파일 기반 라우팅, 데이터 페칭, 배포까지 아우르는 풀스택 프레임워크다. 렌더링 모드와 니트로 서버 엔진, 뷰 단독 개발이나 넥스트와의 비교를 다룬다.

  12. OAuth 2.0

    OAuth 2.0은 비밀번호를 제3자 앱에 넘기지 않고 자원 접근 권한을 위임하는 인가 표준 프로토콜이다. 네 가지 역할과 인가 코드 그랜트 흐름, PKCE, OIDC와의 차이, 구현 시 보안 유의점을 깊게 다룬다.

  13. PWA (Progressive Web App)

    PWA는 웹 기술로 만든 앱에 설치, 오프라인 동작, 푸시 알림 같은 네이티브 경험을 더한 웹 앱이다. 서비스 워커, 웹 앱 매니페스트, HTTPS라는 세 요건과 캐싱 전략, 네이티브 앱과의 비교를 정리한다.

  14. UI와 UX (User Interface, User Experience)

    UI는 화면의 버튼과 레이아웃 같은 상호작용 접점이고, UX는 제품을 쓰는 전 과정의 총체적 경험이다. 두 개념의 포함 관계와 좋은 UI의 원칙, UX 설계와 검증 과정을 개발자 관점까지 포함해 정리한다.

  15. Vue.js와 React의 차이

    뷰와 리액트는 컴포넌트로 UI를 조립하고 상태 변화에 따라 화면을 선언적으로 갱신하는 같은 철학을 공유한다. 템플릿과 JSX, 프록시 기반과 불변성 기반 반응성 모델, 생태계 차이와 선택 기준을 비교한다.

  16. REST API

    REST는 HTTP의 설계 의도를 활용해 자원을 URI로 식별하고 메서드로 행위를 표현하는 아키텍처 스타일이다. 여섯 가지 제약 조건과 URI 설계 원칙, 버전 관리, GraphQL과 gRPC와의 비교를 정리한다.

  17. 웹 서버와 WAS의 차이 (Web Server, Web Application Server)

    웹 서버는 정적 자원을 그대로 응답하고, WAS는 애플리케이션 코드를 실행해 동적 응답을 만든다. 두 계층을 나누는 이유와 리버스 프록시, 로드 밸런싱, 최신 클라우드 환경에서의 변형까지 다룬다.

  18. 웹소켓 (WebSocket)

    웹소켓은 하나의 TCP 연결에서 클라이언트와 서버가 양방향으로 메시지를 주고받는 프로토콜이다. 폴링과 비교하고 핸드셰이크, 프레임, 재접속과 확장 전략을 정리했다.

웹를 특히 많이 묻는 직군

같은 개념이라도 직군에 따라 파고드는 각도가 다릅니다. 직군별 가이드에서 어떤 질문으로 이어지는지 확인해 보세요.

다른 CS 토픽도 이어서 보기

한 주제의 원리를 익혔다면 인접한 자료구조와 운영체제, 네트워크 개념을 함께 읽어 전체 동작을 연결해 보세요.

CS 지식백과 전체 보기