기술면접 질문 모음 / 면접 CS 질문 모음

📌웹의 기본 개념

1. 인터넷과 웹의 차이점은 무엇인가요?
인터넷이 고속도로라면 웹은 자동차? ㅎㅎ...
 
2. HTTP와 HTTPS의 차이점은 무엇인가요?
HTTPS는 HTTP에 보안성이 추가된 개념입니다. HTTP에 SSL/TLS 암호화를 추가한 프로토콜으로 데이터 전송 중에 보안을 보장합니다. 브라우저와 서버 간 통신이 암호화되므로 도청이나 데이터 변조를 방지합니다.
 
3. HTTP의 주요 메서드(GET, POST, PUT, DELETE 등)에 대해 설명하세요.

• GET: 데이터를 조회
• POST: 데이터를 등록
• PUT: 데이터 대체
• PATCH: 데이터를 일부 수정
• DELETE: 데이터 삭제

*멱등성
멱등성이란 동일한 요청을 여러 번 반복해도 결과가 동일하게 유지되는 성질을 의미합니다.

• 멱등성O: GET, PUT, DELETE
• 멱등성X: POST
• 멱등성OX: PATCH

 
4. HTTP 상태 코드(200, 301, 404, 500 등)에 대해 설명하세요.

• 1XX(정보 응답): 요청이 수신되었고 처리가 진행 중임을 나타낸다
• 2XX(성공): 요청이 성공적으로 처리되었음을 나타낸다.
• 3XX(리다이렉션): 요청한 리소스가 다른 위치로 이동했음을 나타낸다.
• 4XX(클라이언트 에러): 클라이언트 요청에 문제가 있음을 나타낸다.
• 5XX(서버 에러): 서버에서 요청을 처리하는 도중 문제가 발생했음을 나타낸다.

 
5. 쿠키와 세션의 차이점은 무엇인가요?
쿠키는 클라이언트에 저장되어 사용자 정보를 클라이언트에서 관리합니다. 주로 간단한 데이터를 저장하는데 사용됩니다.
세션은 서버에 저장되어 사용자 정보를 안전하게 관리하며, 인증이나 중요한 데이터를 처리하는데 적합합니다.
 
6. 쿠키, 로컬 스토리지, 세션 스토리지의 차이점은 무엇인가요?

쿠키는 HttpOnly, Secure, SameSite 속성을 통하여 로컬 스토리지에 비해 XSS, CSRF 공격에 잘 대응할 수 있다.

- HttpOnly: HttpOnly 속성을 통해서 JS로 접근할 수 없도록 할 수 있다.

- Secure: Secure 속성을 통해서 HTTPS 연결에서만 전송되도록 제한할 수 있다.

- SameSite: SameSite 속성을 통해서 동일한 출처끼리만 전송되도록 제한할 수 있다. 

 

7. CORS(Cross-Origin Resource Sharing)란 무엇인가요?

브라우저는 기본적으로 Same Origin Policy를 따르기 때문에 동일한 출처끼리만 리소스를 공유할 수 있다. CORS(Cross- Origin Resource Sharing)란 동일한 출처가 아닌 리소스에 접근할 수 있도록 허용하거나 제한하는 보안 매커니즘입니다.

 

8. CDN(Content Delivery Network)이란 무엇이며, 왜 사용하는지 설명하세요.
 
9. REST와 RESTful API에 대해 설명하세요.
REST란 url로 자원을 구분하고, HTTP 메서드(GET, POST, PATCH, PUT, DELETE)를 사용해 해당 자원에 대한 작업을 수행하는 아키텍처 스타일입니다. 그리고 RESTful API는 REST 아키텍처를 따르는 API를 의미합니다. RESTful API를 통해 자원을 관리할 때 직관적이고 일관성 있게 설계할 수 있습니다.
 
10. GraphQL과 REST API의 차이점은 무엇인가요?
 

📌브라우저와 렌더링

1. 브라우저의 주요 구성 요소는 무엇인가요?
 
2. 브라우저 렌더링 과정에 대해 설명하세요.
HTML을 파싱하여 DOM 트리를 생성하고, CSS를 파싱하여 CSSOM 트리를 생성합니다. 두 트리를 합쳐 렌더 트리를 생성하고 Layout>Paint>Composite 과정을 거쳐 브라우저 렌더링이 이루어지게 됩니다.

• Layout: 각 요소의 크기와 위치를 계산
• Paint: 각 요소를 화면에 그린다.
• Composite: 요소를 합쳐 화면에 최종적으로 표시한다.

 
3. DOM과 CSSOM이란 무엇인가요?
DOM(Document Object Model) 트리는 HTML 문서를 파싱한 것으로, HTML 구조를 표현하여 각 HTML 태그가 노드로 변환됩니다.
CSSOM(CSS Object Model) 트리는 스타일 정보를 구조화한 것으로, DOM 트리와 결합해 렌더링 정보를 제공합니다.
 
4. Reflow와 Repaint의 차이점은 무엇인가요?
Reflow는 요소의 레이아웃이나 구조가 변경될 때 발생하며, DOM 레이아웃을 다시 계산하고 요소를 새롭게 배치합니다. Repaint는 시각적 스타일이 변경될 때 발생합니다. (예: CSS 속성 중에 color, background-color, visibility, box-shadow 등) Repaint가 Reflow에 비해 계산 비용이 적습니다.
 
5. 브라우저의 이벤트 루프(Event Loop)란 무엇인가요?
이벤트 루프는 JavaScript의 비동기 처리를 관리하는 매커니즘으로, 이벤트 루프가 돌면서 콜스택이 비어있다면 콜백 큐에 들어 있는 함수를 콜스택으로 옮겨 함수가 실행되도록 한다.
 
6. 스로틀링(throttling)과 디바운싱(debouncing)의 차이점은 무엇인가요?
스로틀링(throttling)은 일정한 시간 간격 동안 이벤트 핸들러를 한 번만 실행하도록 하는 것이고, 디바운싱(debouncing)은 이벤트가 연속적으로 발생할 때 마지막 이벤트가 발생한 후 일정 시간 동안 추가 이벤트가 없을 때만 실행한다.
 
7. 싱글 쓰레드 환경에서 자바스크립트가 비동기 처리를 어떻게 수행하는지 설명하세요.
오래 걸리고 반복적인 작업들은 자바스크립트 엔진이 아닌 브라우저의 멀티스레드인 WebAPIs에서 처리된다. 이벤트 루프가 돌면서 콜백 큐가 비어 있다면 콜스택에 들어 있는 함수를 콜스택으로 옮겨 실행한다.
 
8. 서비스 워커(Service Worker)의 역할은 무엇인가요?
9. 웹 워커(Web Worker)란 무엇이며, 왜 사용하는가요?
10. 웹 접근성(Web Accessibility)이란 무엇인가요?
 

📌HTML

1. HTML5의 새로운 기능에는 무엇이 있나요?
1) 새로운 시맨틱 태그(의미를 명확히 전달하는 구조적 태그): <header>, <footer>, <section>, <article>, <nav>, <aside>
2) 멀티미디어 지원(오디오와 비디오 태그): <audio>와 <video> 태그를 사용해 플러그인 없이 멀티미디어 콘텐츠 삽입 가능
3) 그래픽과 애니메이션: <canvas>태그, 자바스크립트를 활용해 2D 그래픽과 애니메이션을 생성
4) 스토리지 기능: 로컬 스토리지, 세션 스토리지
5) 새로운 API: Geolocation API, WebSocket API 등
 
시멘틱 태그(semantic tag)란 무엇인가요?
HTML5의 <canvas>와 <svg>의 차이점은 무엇인가요?
data-* 속성이란 무엇이며, 언제 사용하는가요?
<meta> 태그의 역할에 대해 설명하세요.
HTML5의 새로운 입력 유형(input types)에 대해 설명하세요.
<link>와 <script> 태그의 차이점은 무엇인가요?
<iframe>의 역할은 무엇인가요?
HTML 문서에서 요소의 우선순위는 어떻게 결정되나요?
HTML과 XHTML의 차이점은 무엇인가요?

 

📌CSS

1. CSS의 상속과 우선순위에 대해 설명하세요.
2. CSS 박스 모델(Box Model)이란 무엇인가요?
3. CSS Flexbox와 Grid의 차이점은 무엇인가요?
4. CSS에서 position 속성의 값들(static, relative, absolute, fixed, sticky)을 설명하세요.
5. CSS display 속성의 주요 값들(block, inline, inline-block, none)에 대해 설명하세요.
6. CSS z-index는 어떻게 작동하나요?
7. CSS @media 쿼리란 무엇인가요?
8. CSS 전처리기(SCSS, LESS 등)의 장점은 무엇인가요?
9. CSS 변수(var())의 사용법과 장점에 대해 설명하세요.
10. CSS 애니메이션과 트랜지션(Transition)의 차이점은 무엇인가요?

 

📌자바스크립트 기본 개념

1. 자바스크립트의 데이터 타입에는 무엇이 있나요?
2. 자바스크립트에서 ==와 ===의 차이점은 무엇인가요?
 
3. 클로저(Closure)란 무엇인가요?
자바스크립트의 클로저란 내부 함수가 외부 함수의 변수나 상태에 접근할 수 있는 기능을 말하며, 클로저를 통해 외부함수의 실행이 끝난 후에도 해당 변수에 접근할 수 있게 합니다.
*즉, 클로저는 함수가 생성될 때의 Variable Environment를 참조하고 유지하여, 함수 외부의 변수에 계속 접근할 수 있도록 합니다.
 
4. 호이스팅(Hoisting)이란 무엇인가요?
코드 실행 전에 변수 선언과 함수 선언이 해당 스코프의 최상단으로 끌어올려지는 것처럼 동작하는 자바스크립트의 특징을 의미합니다. 코드가 실행되기 전에 변수와 함수의 선언을 미리 처리하여 코드가 실행될 때 오류 없이 접근할 수 있도록 합니다.
이때, var과 const, let의 차이가 존재합니다. var의 경우에는 변수의 선언과 초기화가 동시에 이루어지기 때문에 실제 변수를 만나기 전에 초기값이 undefined로 설정되어 접근이 가능합니다. 하지만 const, let은 TDZ(Temperal Dead Zone)이 되어 접근이 불가능합니다.
 
5. 이벤트 버블링(Event Bubbling)과 캡처링(Event Capturing)의 차이점은 무엇인가요?
 
6. this 키워드는 자바스크립트에서 어떻게 동작하나요?
 
7. call, apply, bind의 차이점은 무엇인가요?
 
8. 프로토타입(Prototype)과 프로토타입 체이닝이란 무엇인가요?
 
9. 자바스크립트의 스코프(Scope)란 무엇인가요?
스코프란 변수나 함수를 제어할 수 있는 유효 범위입니다. 자바스크립트는 스코프 체인을 통해 변수를 찾습니다. 내부 스코프에서 변수를 찾지 못하면 외부 스코프로 올라가며 최상위 스코프인 전역 스코프까지 올라가도 변수를 찾지 못하면 ReferenceError가 발생합니다. 스코프 체인은 함수나 블록 내에서 변수의 유효 범위를 정하고, 충돌을 방지하는 역할을 합니다.
*스코프체인은 렉시컬 환경들이 연결된 구조로 현재 렉시컬 환경에서 시작해 상위 렉시컬 환경으로 찰대로 탐색하도록 구성되어 있습니다.
 
10. 자바스크립트에서 비동기 처리 방법(Callback, Promise, async/await)에 대해 설명하세요.
 
11. 실행 컨텍스트란?
실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로 variable environment, lexical environment, this binding을 포함합니다. 콜스택에 자동으로 전역 컨텍스트가 생성된 후 함수 호출시마다 함수 컨텍스트가 생성되고, 컨텍스트 생성이 완료된 후에 함수가 실행됩니다. 실행 중인 코드가 특정 변수를 참조하 때 렉시컬 환경에서 원하는 변수를 찾고 찾지 못하면 내부 렉시컬 환경이 참조하는 외부 렉시컬 환경으로 검색 범위를 확장하며 전역 렉시컬 환경까지 이를 반복합니다.
-variable environment: 현재 컨텍스트 내의 식별자에 대한 정보와 외부 환경에 대한 정보다. 선언 시점의 lexical environment의 스냅샷으로 변경 사항은 반영되지 않는다.
-lexical environment: 변경 사항이 실시간으로 반영된다.
-this binding: this 식별자가 바라봐야 할 객체를 의미한다.
 

📌ES6+ 자바스크립트

ES6+는 모던 자바스크립트입니다. 템플릿 문자열, const, let, 구조 분해 할당, 화살표 함수, Promise 등이 추가되면서 JavaScript의 표현력과 성능이 크게 향상되었습니다.
 
1. let, const, var의 차이점은 무엇인가요?
var과 let, const는 스코프의 범위 호이스팅과 관련해서 차이가 있습니다. var은 함수 스코프, let과 const는 블록 스코프를 가집니다. 따라서 var을 무분별하게 사용할 경우 예상하지 못한 결과가 발생할 수 있습니다. 또한 호이스팅과 관련해서 var은 변수의 선언과 초기화가 동시에 이루어지고 undefined가 할당되어 실제 코드를 만나기 전에 접근할 수 있지만, let과 const는 TDZ(Temperal Dead Zone)으로 실제 코드를 만나기 전까지 접근할 수 없습니다.
 
2. 템플릿 리터럴(Template Literals)이란 무엇인가요?
템플릿 리터럴이랑 문자열과 변수를 쉽게 나타낼 수 있도록 백틱 기호를 사용하는 표현식입니다.
 
3. 화살표 함수(Arrow Function)의 특징은 무엇인가요?
화살표 함수는 간결하게 표현되어 코드의 가독성을 높여줍니다. 또한 일반 함수와 비교하여 this에 바인딩되는 값에 차이가 있습니다. 일반 함수는 호출방식에 따라 this에 바인딩되는 값이 달라집니다. 하지만 화살표 함수는 상위 스코프의 this 값을 그대로 가져옵니다. 이를 Lexical this라고 하며 함수가 선언되 위치에서의 this 값을 참조합니다.
 
4. 디스트럭처링 할당(Destructuring Assignment)이란 무엇인가요?
구조분해 할당이란 배열이나 객체의 구조를 분해하여 개별 변수의 값에 쉽게 접근할 수 있도록 하는 문법입니다. 구조분해 할당을 통해 필요한 변수의 값에 쉽게 접근할 수 있습니다.
 
5. 펼침 연산자(Spread Operator)와 나머지 매개변수(Rest Parameter)에 대해 설명하세요.
펼침 연산자는 배열이나 객체의 요소를 개별적인 값으로 펼쳐주며, 나머지 매개변수는 함수의 인수들을 배열로 묶어서 받습니다.
 
6. Promise와 async/await의 차이점은 무엇인가요?
Promise는 비동기 처리를 쉽게 할 수 있도록 도와주는 객체로, .then(), .catch(), .finally() 메서드를 사용해 비동기 작업의 성공, 실패, 완료 상태에 따라 각각의 콜백을 처리할 수 있습니다. 이를 통해 콜백 지옥을 줄이고, 비동기 작업을 좀 더 체계적으로 다룰 수 있게 합니다.
async/await는 Promise를 마치 동기 함수처럼 작성할 수 있도록 도와주는 문법입니다. async 키워드를 함수 앞에 붙이고, 해당 함수 내부에서 await 키워드를 사용하여 Promise의 결과를 기다릴 수 있습니다. 이를 통해 비동기 코드의 가독성을 높이고, 코드가 순차적으로 실행되는 것처럼 보여서 직관적으로 작성할 수 있습니다.
 
7. Map과 Set의 차이점은 무엇인가요?
 
8. ES6 모듈(Modules)이란 무엇인가요?
 
9. 클래스(Class)와 생성자(Constructor)의 역할에 대해 설명하세요.
 
10. Symbol 데이터 타입이란 무엇인가요?

 

📌웹 성능 최적화

웹 성능 최적화 기법에는 무엇이 있나요?
지연 로딩(Lazy Loading)과 사전 로딩(Prefetching)의 차이점은 무엇인가요?
코드 스플리팅(Code Splitting)이란 무엇인가요?
이미지 최적화 방법에는 무엇이 있나요?
중요한 렌더링 경로(Critical Rendering Path)란 무엇인가요?
캐싱(Caching)의 기본 개념과 종류에 대해 설명하세요.
SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)의 차이점은 무엇인가요?
웹팩(Webpack)에서 트리 쉐이킹(Tree Shaking)이란 무엇인가요?
Lighthouse를 사용한 웹 성능 측정 방법에 대해 설명하세요.
콘텐츠 전송 네트워크(CDN) 최적화는 어떻게 이루어지나요?

 

📌데이터 구조 및 알고리즘

1. 배열(Array)과 객체(Object)의 차이점은 무엇인가요?
2. 링크드 리스트(Linked List)란 무엇인가요?
3. 스택(Stack)과 큐(Queue)의 차이점은 무엇인가요?
 
 
4. 해시 테이블(Hash Table)이란 무엇인가요?
해시 함수는 임의의 길이의 입력값을 고정된 길이의 출력값으로 변화해주는 함수이다. 이러한 특성을 바탕으로 데이터를 저장하고 검색하는데 많이 활용되며, 예시로는 해시테이블 등이 있다.
4-1)해시 테이블
해시 테이블은 데이터를 키-값 쌍으로 저장하는 자료구조로, 키 값에 해시함수를 적용하여 고정된 크기의 해시값 또는 index를 생성한다. 그리고 이 해시값/index를 통해 배열의 적절한 위치에 값을 저장한다. 이를 통해 데이터의 저장, 검색, 삭제 등을 O(1)의 시간복잡도에 가능하게 한다.
해시테이블의 충돌
해시테이블에서는 동일한 해시 값을 가진 두 개 이상의 키가 있을 경우 충돌이 발생한다.
해결방법1. 체이닝: 각 버킷(배열)을 연결리스트로 관리하여 충돌이 발생한 경우 새 노드를 추가하는 방식
해결방법2. 개방 주소법: 충돌이 발생하면 해시 테이블 내의 다른 빈 슬롯을 찾아 키-값 쌍을 찾아 저장하는 방식이다.
4-2) 디지털 설명, 암호화
해시함수는 출력값으로부터 입력값을 유추하기 힘들다는 단방향성의 특성을 활용하여 데이터 무결설 검증, 암호화에도 많이 활용된다. 디지털 서명과 비밀번호 저장을 예시로 하면 다음과 같다.
디지털 서명: 서명할 메시지의 해시값을 계산한 후, 송신자의 개인키를 이용해서 암호화하여 디지털 서명을 만든다. 디지털 서명 검증시에는 송신자의 공개키를 이용하여 복호화한 후, 원본 메시지의 해시값과 비교한다.
비밀번호 암호화: 사용자 비밀번호를 직접 저장하는 것이 아니라, 비밀번호의 해시값을 저장하여 보안을 강화한다.
 
깊이 우선 탐색(DFS)과 너비 우선 탐색(BFS)의 차이점은 무엇인가요?
정렬 알고리즘의 종류(버블, 선택, 삽입, 퀵, 병합)에 대해 설명하세요.
이진 검색(Binary Search)이란 무엇인가요?
빅오 표기법(Big-O Notation)이란 무엇인가요?
재귀(Recursion)란 무엇이며, 언제 사용하는가요?
메모이제이션(Memoization)이란 무엇인가요?

 

📌네트워크 및 보안

SSL/TLS의 역할에 대해 설명하세요.
DNS(Domain Name System)이란 무엇인가요?
TCP와 UDP의 차이점은 무엇인가요?
IP 주소와 MAC 주소의 차이점은 무엇인가요?
 
5. XSS(Cross-Site Scripting)란 무엇인가요?
XSS 공격은 악성 스크립트를 삽입하는 공격입니다. 공격자는 XSS 공격을 통해 사용자의 세션을 탈취하거나, 사용자 정보를 훔치고, 악성 사이트로 리다이렉션시키는 등의 공격을 할 수 있습니다.
 
6. CSRF(Cross-Site Request Forgery)란 무엇인가요?
CSRF 공격은 사용자의 권한을 훔치는 공격으로 사용자가 의도하지 않은 공격을 특정 웹사이트에 보내도록 유도하는 공격입니다. 공격자는 CSRF 공격을 통해 사용자의 권한으로 요청을 수행하여 개인 정보를 수정하거나 계정 정보를 탈취할 수 있습니다.
 
7. OAuth란 무엇이며, 어떻게 작동하나요?
OAuth는 제3자 애플리케이션의 사용자 데이터에 안전하게 접근할 수 있도록 권한을 부여하는 프로토콜입니다. 주로 소셜 로그인 기능이나 외부 서비스와의 연동에 사용됩니다.
클라이언트 애플리케이션은 사용자의 권한을 얻기 위해 제3자 서비스의 권한 서버로 리디렉션합니다. 사용자는 제3자 서비스에 로그인한 후 애플리케이션에 데이터 접근 권한을 부여합니다. 사용자가 접근 권한을 부여하면, 제3자 서비스는 인가 코드를 클라이언트에 발급합니다. 클라이언트는 이 인가 코드를 서버로 전달하고, 서버는 이를 사용하여 제3자 서비스의 권한 서버에서 액세스 토큰을 요청합니다. 서버가 액세스 토큰을 받으면, 이를 사용해 제3자 서비스에서 사용자 데이터를 안전하게 가져올 수 있습니다. 이 과정은 클라이언트가 직접 민감한 인증 정보를 다루지 않도록 하여, 보안성과 데이터 접근의 안전성을 보장합니다.
 
8. JWT(JSON Web Token)란 무엇인가요?
JWT는 JSON 형식의 데이터를 사용하여 정보를 안전하게 전달하는 토큰 기반 인증 방식입니다. 토큰 기반 인증이므로 서버에 상태를 저장할 필요가 없으며, 서명을 통해 데이터의 무결성을 검증할 수 있습니다. 또한, 사용자 인증에 필요한 모든 정보를 토큰에 포함하고 있어 인증 서버나 DB에 대한 의존성을 줄여 유연한 인증 방식을 제공합니다.
 
9. MITM(Man-In-The-Middle) 공격이란 무엇인가요?
 
10. 방화벽(Firewall)이란 무엇인가요?
 

📌기타 프론트엔드 관련 질문

1. 가상 DOM(Virtual DOM)이란 무엇인가요?
가상 DOM은 실제 DOM(Document Object Model, HTML 및 XML 문서의 구조를 표현)을 추상화한 개념으로, 메모리 내에 가상으로 존재하는 DOM입니다. 웹 페이지에 상태 변화가 일어날 때마다 실제 DOM을 조작하는 대신 메모리에 존재하는 가상 DOM을 변경하고 이 변경 사항을 적용하기 전에 이전의 가상 DOM과 비교하여 실제로 변경이 필요한 부분만 찾아내 실제 DOM에 반영합니다.
 
2. 리액트의 상태 관리 방법에는 무엇이 있나요?
1) Context API는 React의 내장 API로 context를 생성하고 Provider를 통해 데이터를 전달하면 하위 컴포넌트에서 useContext를 통해서 필요한 데이터를 직접 가져와서 사용할 수 있다. 매우 단순하지만, Provider를 통해서 내보내는 데이터 중 하나만 변경되더라도 이를 구독하고 있는 하위 컴포넌트가 모두 리렌더링 되는 문제가 발생할 수 있다. Context를 분리함으로써 이를 해결할 수 있지만 근본적으로 상태가 자주 변경되지 않는 경우나 매우 간단한 props drilling 문제를 해결하는 경우에 사용하는 것이 적절하다.
2) Redux는 매우 널리 사용되는 상태 관리 라이브러리로, Flux 패턴을 통해 단방향 데이터 흐름을 강조한다. (action > dispatcher > store > view)
3) Recoil, Zustand 등 
 
3. 리덕스(Redux)의 기본 원칙은 무엇인가요?
Redux는 Flux 패턴을 사용하며 이는 단방향 데이터 흐름을 강조하는 패턴입니다. 사용자의 action이 발생하면 dispatcher에 전달되고, dispatcher는 store(model)를 변경하여 최종적으로 view에 반영되는 형태입니다.
 
4. Next.js와 Gatsby.js의 차이점은 무엇인가요?
 
5. 반응형 웹 디자인(Responsive Web Design)이란 무엇인가요?
 
6. Progressive Web App(PWA)이란 무엇인가요?
 
7. 모노레포(Monorepo)와 멀티레포(Multirepo)의 차이점은 무엇인가요?
 
8. 웹 소켓(WebSocket)이란 무엇인가요?
WebSocket은 서버-클라이언트 간에 양방향 통신이 가능하도록 해주는 프로토콜입니다. HTTP 요청과 달리 연결이 수립된 후에도 지속되며 클라이언트와 서버 간에 실시간으로 데이터를 주고받을 수 있습니다. 연결이 유지되므로 매번 새로운 HTTP 요청을 보내지 않고도 데이터를 주고받을 수 있어, 실시간 채팅, 주식 가격 업데이트 등과 같은 애플리케이션에서 주로 사용됩니다.
 
9. Server-Sent Events(SSE)란 무엇인가요?
SSE는 클라이언트가 서버에서 일방적으로 Push 받을 수 있는 HTTP 기반의 통신 방식입니다. WebSocket과는 달리 SSE는 서버에서 클라이언트로 일방향 통신만 가능하므로 클라이언트가 서버로 데이터를 보낼 수는 없습니다. 뉴스 피드 업데이트나 알림 전송 등 클라이언트가 자주 갱신될 필요가 있는 데이터를 실시간으로 제공하는 애플리케이션에 적합합니다.
(SSE는 HTTP 기반 단방향 스트리밍이기 때문에 상대적으로 적은 서버 자원을 소모하며, 서버 측에서 많은 클라이언트에게 지속적으로 데이터를 푸시하는 수평적 확장에 유리합니다.)
 
10. WebRTC의 역할과 사용 사례는 무엇인가요?
WebRTC(Web Real-Time Communication)은 실시간 미디어 스트리밍과 데이터 교환을 가능하게 하는 기술입니다. WebRTC는 주로 화상 통화, 음성 통화, 실시간 온라인 협업 등에 사용됩니다. 즉, WebRTC는 실시간 데이터 전송이 필요할 때 고품질, 저지연의 통신을 구현할 수 있게 합니다.
 
정리하면, webSocket, SSE, webRTC 모두 실시간 통신을 위한 프로토콜이며 다음과 같은 차이가 있습니다.

구분	통신 방향	프로토콜	사용 사례
WebSocket	양방향(서버-클라이언트)	WebSocket	채팅, 실시간 주식 업데이트
SSE	단방향(서버>클라이언트)	HTTP	알림 푸시
WebRTC	양방향(클라이언트 간)	TCP/UDP 기반의 프로토콜로 미디어 전송, 내부적으로 signal 통로로 webSocket 사용	실시간 화상 회의 (화상 통신, 음성 통신)

 
11. React와 Vue의 차이
첫째로, React는 라이브러리, Vue는 프레임워크로 React가 Vue에 비해 자유도가 높습니다.(라이브러리는 개발의 주도권이 개발자에게 있고, 프레임워크는 개발의 주도권이 프레임워크에 있습니다.)
둘째로, React는 단방향 데이터 바인딩을 사용하고 Vue는 양방향 데이터 바인딩을 사용합니다. React는 데이터 변경시 state를 통해 UI가 업데이트 되지만, Vue는 값 대입만으로도 변수가 변경되어 UI에 자동으로 반영됩니다. (양방향 데이터 바인딩으로 데이터의 변경이 다른 컴포넌트에 빠르게 반영되어야 하는 경우에 유리합니다.)
셋째로, Vue가 React에 비해 속도가 빠릅니다. 사용자 경험에 영향을 미칠정도는 아니지만 미세하게 빠르며 따라서 비트코인 거래 사이트 등에 Vue가 사용되는 경우가 있습니다.
 

📌서버와 네트워크 기본 개념

서버와 클라이언트의 차이점은 무엇인가요?

HTTP와 HTTPS의 차이점은 무엇인가요?

HTTP 상태 코드(200, 301, 404, 500 등)에 대해 설명하세요.

HTTP 메서드(GET, POST, PUT, DELETE 등)에 대해 설명하세요.

 

5. REST와 RESTful API란 무엇인가요?

REST란 url로 자원을 구분하고, HTTP method로 자원에 대한 작업을 수행하는 아키텍처 스타일로, RESTful API는 REST를 따르는 api입니다. RESTful API를 통해서 자원을 관리할 때 일관되고 직관적으로 설계할 수 있습니다.

 

REST와 SOAP의 차이점은 무엇인가요?

GraphQL이란 무엇이며, REST API와의 차이점은 무엇인가요?

API 게이트웨이(API Gateway)의 역할은 무엇인가요?

 

9. CORS(Cross-Origin Resource Sharing)란 무엇인가요?

브라우저는 기본적으로 SOP(Same Origin Policy)를 따르기 때문에 동일한 출처끼리만 리소르를 공유할 수 있습니다. CORS(Cross-Origin Resource Sharing)이란 다른 출처끼리 리소스 공유를 허용하거나 제한하는 정책을 의미합니다.

 

프록시 서버와 리버스 프록시 서버의 차이점은 무엇인가요?

 

📌데이터베이스

1. SQL과 NoSQL의 차이점은 무엇인가요?
 
2. 관계형 데이터베이스와 비관계형 데이터베이스의 차이점은 무엇인가요?
 
3. 트랜잭션이란 무엇인가요?
 
4. ACID 속성이란 무엇인가요?
 
5. 인덱스란 무엇이며, 어떻게 작동하나요?
DB에서 인덱스란 데이터를 더 빠르게 검색할 수 있도록 돕는 데이터 구조입니다. 만약 대량의 데이터가 있는 테이블에서 특정 열을 기준으로 조건을 검색할 때 인덱스가 없다면 테이블의 처음부터 끝까지 탐색하는 full table scan이 필요합니다. 인덱스는 검색하고자 하는 열에 대한 별도의 자료구조(B-Tree나 Hash 구조)를 생성해두어 검색 시에 필요한 데이터의 위치를 빠르게 찾아냅니다.
*B-Tree란 이진 트리를 확장해 하나의 노드가 가질 수 있는 자식 노드의 최대 숫자가 2보다 큰 트리구조입니다. 또한 균형 트리로 리프 노드들의 레벨 차이가 1이하입니다. 이러한 균형 잡힌 트리구조의 특성과 대수확장성이 B-Tree의 자료 탐색을 효율적으로 만듭니다.
B-Tree는 균형 트리의 특성을 가지기 때문에 모든 리프 노드는 비슷한 깊이에 위치하여 특정 값을 찾을 때 최악의 경우에도 비슷한 깊이에서 탐색이 종료되어 일정한 성능을 유지합니다. 또한 B-Tree는 데이터의 수가 많아질수록 분산되어 트리의 깊이가 천천히 증가합니다.
 
6. 조인(Join)이란 무엇인가요? (INNER JOIN, LEFT JOIN 등)
7. 데이터베이스 정규화란 무엇인가요?
8. 1차 정규화, 2차 정규화, 3차 정규화에 대해 설명하세요.
9. 데이터베이스 샤딩(Sharding)이란 무엇인가요?
10. 캐싱과 데이터베이스 리플리케이션(Replication)의 차이점은 무엇인가요?
 

📌캐시와 데이터 저장소

1. 캐시(Cache)란 무엇인가요?
2. Redis와 Memcached의 차이점은 무엇인가요?
3. TTL(Time to Live)이란 무엇인가요?
4. 캐시 적중(Cache Hit)과 캐시 미스(Cache Miss)의 차이점은 무엇인가요?
5. CDN(Content Delivery Network)이란 무엇인가요?
6. 로컬 캐시와 분산 캐시의 차이점은 무엇인가요?
7. LRU(Least Recently Used) 캐싱 정책이란 무엇인가요?
8. 캐시의 일관성 문제란 무엇인가요?
9. 쓰루 캐시(Through Cache)와 라이트 비하인드 캐시(Write-Behind Cache)의 차이점은 무엇인가요?
10. 캐시와 데이터베이스를 함께 사용하는 이유는 무엇인가요?

 

📌데이터 구조 및 알고리즘

1. 배열(Array)와 링크드 리스트(Linked List)의 차이점은 무엇인가요?
2. 스택(Stack)과 큐(Queue)의 차이점은 무엇인가요?
3. 해시 테이블(Hash Table)이란 무엇인가요?
4. 이진 트리(Binary Tree)와 이진 탐색 트리(Binary Search Tree)의 차이점은 무엇인가요?
5. 깊이 우선 탐색(DFS)과 너비 우선 탐색(BFS)의 차이점은 무엇인가요?
6. 퀵 정렬(Quick Sort)과 병합 정렬(Merge Sort)의 차이점은 무엇인가요?
7. 이진 검색(Binary Search)이란 무엇인가요?
8. 힙(Heap)이란 무엇인가요?
9. 해시 충돌이란 무엇인가요? 이를 해결하기 위한 방법은 무엇인가요?
10. 빅오 표기법(Big-O Notation)이란 무엇인가요?

 

📌보안

1. SSL/TLS의 역할은 무엇인가요?
 
2. 해싱(Hashing)과 암호화(Encryption)의 차이점은 무엇인가요?
 
3. 비대칭키 암호화와 대칭키 암호화의 차이점은 무엇인가요?
 
4. HTTPS가 어떻게 보안을 제공하는지 설명하세요.
 
5. XSS(Cross-Site Scripting)란 무엇인가요?
XSS 공격이란 웹 사이트에 악성 스크립트를 주입해 사용자가 의도하지 않은 동작이나 악의적인 동작을 수행하도록 유도하는 공격이다. 이를 통해 공격자가 사용자의 민감한 정보를 탈취할 수 있다.
 
6. CSRF(Cross-Site Request Forgery)란 무엇인가요?
CSRF 공격은 사용자의 권한을 탈취하는 공격으로 사용자의 권한으로 악성 사이트에 요청을 보내는 공격이다. 이를 통해 사용자의 권한을 악용할 수 있다.
 
7. SQL Injection 공격이란 무엇인가요?
 
8. JWT(JSON Web Token)이란 무엇인가요?
JWT란 사용자 인증정보를 JSON 형태로 암호화한 토큰으로 Header, Payload, Signature로 구분된다. JWT는 주로 사용자 인증과 권한 부여에 사용됩니다. (로그인 후 클라이언트에 JWT를 발급하면, 이후 API 요청시에 Authorization 헤더에 토큰을 포함해 인증한다.)
 
9. OAuth란 무엇이며, 어떻게 작동하나요?
OAuth란 사용자가 비밀번호를 입력하지 않고도 제3자 어플리케이션을 통해 사용자 정보를 사용할 수 있도록 접근 권한을 부여하는 인증 방식입니다. 사용자가 OAuth를 요청하면 제3자 어플리케이션으로 리다이렉션되고 사용자가 로그인하여 접근권한을 부여하면 클라이언트로 인가코드를 전달합니다. 이 인가코드를 백서버에 전달하면, 백서버가 인가코드를 바탕으로 토큰을 발급하여 사용자 정보에 접근할 수 있게 됩니다.
 
10. MITM(Man-In-The-Middle) 공격이란 무엇인가요?
 

📌백엔드 아키텍처

1. 모놀리식(Monolithic) 아키텍처와 마이크로서비스(Microservices) 아키텍처의 차이점은 무엇인가요?
2. 로드 밸런서(Load Balancer)의 역할은 무엇인가요?
3. 서버리스(Serverless)란 무엇인가요?
4. CAP 이론이란 무엇인가요?
5. CQRS(Command Query Responsibility Segregation)란 무엇인가요?
6. 이벤트 소싱(Event Sourcing)이란 무엇인가요?
7. API Rate Limiting이란 무엇인가요?
8. 장애 조치(Failover)란 무엇인가요?
9. 백프레셔(Backpressure)란 무엇인가요?
10. 회로 차단기(Circuit Breaker) 패턴이란 무엇인가요?

 

📌클라우드 컴퓨팅

1. 클라우드 컴퓨팅이란 무엇인가요?

클라우드(Cloud)는 인터넷을 통해 접근할 수 있는 가상화된 서버와 그 서버에서 실행되는 프로그램과 데이터베이스를 제공하는 IT 환경을 의미한다.

1) 비용 효율성

초기 투자 비용을 줄일 수 있다. 초기 시스템 구축이 필요한 온프레미스와 달리 클라우드는 사용한만큼만 비용을 지불하면 되므로 초기 투자 비용을 줄일 수 있다. 하지만 클라우드는 지속적인 서비스 이용료가 필요하기 때문에 비용 효율성은 프로젝트의 기간(단/장기)이나 규모에 따라 달라질 수 있다.

2) 확장성

클라우드는 필요에 따라 자원을 쉽게 확장하거나 축소할 수 있기 때문에 빠르게 변화하는 시장에 유연하게 대응할 수 있다.

3) 보안성

온프레미스는 시스템에 대한 완전한 통제가 가능하기 때문에 민감한 데이터를 처리하는 경우 온프레미스가 유리할 수 있다.

*하이브리드 모델도 고려해볼 만하다. 민감한 데이터는 온프레미스에 두고, 유연한 확장이 필요한 부분은 클라우드를 활용하는 방식이다.

 

2. SaaS, PaaS, IaaS, 의 차이점은 무엇인가요?

SaaS는 완성된 소프트웨어로, 클라우드에서 실행되는 소프트웨어 애플리케이션을 서비스 형태로 제공하는 모델입니다.

PaaS는 개발 플랫폼을 제공하는 서비스로, 애플리케이션을 개발, 실행, 배포할 수 있는 플랫폼 환경을 제공합니다.

IaaS는 인프라를 제공하는 서비스로, 물리적 인프라를 대체하는 가상화된 자원을 제공하는 클라우드 서비스입니다.

 

7. 클라우드 네이티브(Cloud Native)란 무엇인가요?

Cloud Native란 클라우드 환경에 최적화된어 설계된 애플리케이션과 서비스를 의마합니다. 클라우드 네이티브의 핵심 기술로 컨테이너, MSA, DevOps, CI/CD 등이 있습니다.

 

1. 가상 머신(Virtual Machine)과 컨테이너(Container)의 차이점은 무엇인가요?
2. AWS, GCP, Azure와 같은 클라우드 서비스의 주요 기능에 대해 설명하세요.
3. 오토스케일링(Auto Scaling)이란 무엇인가요?
4. 서버리스 컴퓨팅의 장점과 단점은 무엇인가요?
5. S3와 같은 객체 스토리지(Object Storage)의 특징은 무엇인가요?
6. 컨테이너 오케스트레이션이란 무엇인가요? (예: Kubernetes)
7. 멀티 클라우드(Multi-Cloud)와 하이브리드 클라우드(Hybrid Cloud)의 차이점은 무엇인가요?

 

📌소프트웨어 설계 및 원칙

1. SOLID 원칙이란 무엇인가요?
2. MVC 패턴이란 무엇인가요?
3. 싱글톤(Singleton) 패턴이란 무엇인가요?
4. 팩토리 패턴(Factory Pattern)이란 무엇인가요?
5. 리포지토리 패턴(Repository Pattern)이란 무엇인가요?
6. 의존성 주입(Dependency Injection)이란 무엇인가요?
7. 도메인 주도 설계(DDD)란 무엇인가요?
8. 함수형 프로그래밍과 객체지향 프로그래밍의 차이점은 무엇인가요?
9. TDD(Test-Driven Development)란 무엇인가요?
10. 페어 프로그래밍(Pair Programming)이란 무엇인가요?

 

📌운영 및 모니터링

1. 로깅(logging)과 모니터링(monitoring)의 차이점은 무엇인가요?
2. APM(Application Performance Monitoring)이란 무엇인가요?
3. SLA(Service Level Agreement)란 무엇인가요?
4. MTTF, MTTR, MTBF란 무엇인가요?
5. 로그 관리 도구(예: ELK Stack)에 대해 설명하세요.
6. 애플리케이션에서 메트릭을 수집하는 방법은 무엇인가요?
7. 배포 파이프라인(Deployment Pipeline)이란 무엇인가요?
8. 블루-그린 배포(Blue-Green Deployment)란 무엇인가요?
9. 지속적 통합(Continuous Integration)과 지속적 배포(Continuous Deployment)의 차이점은 무엇인가요?
10. 카나리아 배포(Canary Deployment)란 무엇인가요?

 

📌기타 백엔드 관련 질문

1. 멀티스레딩과 멀티프로세싱의 차이점은 무엇인가요?
멀티프로세싱은 여러 개의 프로세스로 작업을 처리하는 방식이며, 멀티스레딩은 하나의 프로세스 내에서 여러 스레드로 작업을 처리하는 방식입니다.

• 프로세스는 실행 중인 프로그램 단위로, 각각 독립적인 데이터, 코드, 힙, 스택 영역을 가집니다.
• 스레드는 프로세스 내부의 작업 흐름으로, 데이터, 코드, 힙 영역은 공유하고, 스택 영역은 독립적으로 사용합니다.

따라서 공유 메모리를 사용함으로써 메모리 활용 효율성을 높일 수 있지만, 한 스레드가 공유 메모리 영역을 손상시키면 다른 스레드에도 영향을 미치는 문제가 발생할 수 있습니다.

 
2. 동기(synchronous)와 비동기(asynchronous)의 차이점은 무엇인가요?
3. 블로킹(Blocking)과 논블로킹(Non-blocking)의 차이점은 무엇인가요?
4. 이벤트 기반(Event-Driven) 아키텍처란 무엇인가요?
5. 웹 소켓(WebSocket)이란 무엇인가요?
6. 메시지 큐(Message Queue)란 무엇인가요?
7. Redis와 Kafka의 차이점은 무엇인가요?
8. gRPC란 무엇이며, REST API와의 차이점은 무엇인가요?
9. 소켓(Socket)이란 무엇인가요?
10. 데이터베이스 연결 풀링(Database Connection Pooling)이란 무엇인가요?
 

📌Java 기본 개념

1. Java의 기본 자료형(Primitive Data Types)에는 무엇이 있나요?
 
2. 객체 지향 프로그래밍(OOP)란 무엇이며, Java에서 이를 어떻게 구현하나요?
객체 지향 프로그래밍(Object-Oriented Programming)이란 현실 세계의 개념을 객체로 모델링하는 소프트웨어 개발 방법론이다. 속성과 메서드를 하나로 묶고, 추상화, 캡슐화, 상속, 다형성의 특징을 갖는다. 이를 통해 코드의 재사용성을 높이고, 유지보수성을 높이며, 직관적인 설계를 가능하게 한다.

• 1) 추상화: 복잡한 개념을 감추고 핵심만 드러냄
• 2) 캡슐화: 속성과 메서드를 묶고 일부만 외부에 드러내 은닉함
• 3) 상속: 상위 클래스와 특성을 하위 클래스가 이어 받아 코드의 재사용성, 계층적 구조, 유지보수성을 이끌어냄
• 4) 다형성: 하나의 함수나 클래스가 상황에 따라 다양한 형태로 동작하는 것(오버로딩, 오버라이딩)

 
3. 클래스(Class)와 객체(Object)의 차이점은 무엇인가요?
 
4. Java에서 상속(Inheritance)이란 무엇이며, 그 역할은 무엇인가요?
상위클래스의 특성을 하위클래스가 물려받아 사용하는 것으로, 상속을 통해 코드의 재사용성, 계층적 구조의 형성, 유지보수성의 장점을 제공한다. 즉, 하위 클래스에서 상위 클래스의 속성과 메서드를 활용하거나 확장하여 기능을 추가할 수 있다.
 
5. 오버로딩(Overloading)과 오버라이딩(Overriding)의 차이점은 무엇인가요?
오버로딩과 오버라이딩은 객체지향 프로그래밍에서 다형성을 구현하는 방식이다. 오버로딩은 동일한 이름의 메서드를 매개변수의 개수나 타입을 다르게 하여 여러 번 정의하는 것이다. 오버라이딩은 상위 클래스에서 정의한 메서드를 하위 클래스에서 재정의하여 동작을 변경하는 것이다.

	오버로딩	오버라이딩
공통점	객체지향프로그래밍에서 다형성을 구현하는 2가지 방식
차이점	동일한 이름의 메서드의 매개변수 타입과 개수를 다르게 하여 여러 번 정의하는 것	상위 클래스의 메서드를 하위 클래스에서 재정의하여 동작을 변경하는 것

 
6. 접근 제어자(Access Modifiers)에는 어떤 종류가 있으며, 그 차이점은 무엇인가요?
 
7. 추상 클래스(Abstract Class)와 인터페이스(Interface)의 차이점은 무엇인가요?
 
8. Java의 main 메서드의 시그니처와 역할에 대해 설명하세요.
 
9. Java에서 패키지(Package)의 역할은 무엇인가요?
 
10 . Java의 컴파일러와 JVM(Java Virtual Machine)의 역할은 무엇인가요?
JVM은 컴파일된 Java bytecode를 OS에서 실행 가능한 코드로 변환해주는 역할을 합니다. (Java는 플랫폼 독립적)
JVM은 여러 기능을 제공하며 그 중에서도 가비지 컬렉션은 메모리 관리를 자동화하여 개발자가 메모리 할당과 해제에 신경쓰지 않아도 되도록 도와줍니다. 
JVM은 메모리 영역을 young generation과 old generation으로 구분합니다. young generation은 새롭게 생성된 객체가 할당되는 영역이고, old generation은 young generation에서 살아남은 객체가 옮겨지는 영역입니다. young generation에서는 짧은 시간 내에 가비지 컬렉션이 자주 발생하여 불필요한 객체를 제거하고, old generation에서의 가비지 컬렌션은 비교적 오랜 시간이 소요되지만 이 과정에서 오랫동안 유지되어야 하는 객체를 효율적으로 관리하여 메모리 효율을 극대화합니다.
 

📌기타 신기술

1. 생성형 AI: RAG란?

LLM의 한계를 보완하기 위해 LLM이 자체 학습 데이터에만 의존하지 않고, 외부의 신뢰할 수 있는 지식베이스나 데이터베이스에서 관련 정보를 검색하여 이를 기반으로 응답을 생성하는 방식이다.