눈떠보니 기술 면접 전날 with JS, Python

## Chapter 0. 공통 질문

1. 웹/브라우저

1.1. 쿠키(Cookies), 세션 스토리지(Session Storage), 로컬 스토리지(Local Storage)의 차이에 대해 설명해 주세요.

1.2. 브라우저 동작 과정에 대해서 설명해 주세요.

1.2.1. DNS 프로토콜에 대해서 설명해 주세요.

1.2.2. DOM과 BOM에 대해서 설명해 주세요.

1.2.3. 브라우저의 동작 과정을 상세하게 설명해 주세요.

1.3. 서버 사이드 렌더링과 클라이언트 사이드 렌더링의 차이에 대해 설명해 주세요.

1.3.1. CSR의 동작 과정을 설명해 주세요.

1.3.2. SSR의 동작 과정을 설명해 주세요.

1.3.3. SSR과 CSR의 단점을 보완할 방법이 있나요?

1.4. 웹 브라우저의 렌더에 관해 설명해 주세요.

1.4.1. Reflow와 Repaint가 실행되는 시점에 대해 설명해 주세요.

1.5. 웹사이트 성능 최적화 방법에 대해 설명해 주세요.

1.5.1. 렌더링 최적화에 대한 기준이 있나요?

1.5.2. 라이트하우스가 무엇인가요?

1.5.3. 이미지 최적화를 위해 할 방법이 무엇인가요?

1.6. 브라우저에서 탭 이동 혹은 탭 종료 시에는 세션 스토리지에 어떤 영향을 주는지 설명해 주세요.

1.6.1. 세션 스토리지에 저장된 데이터를 다른 탭으로 이동시킬 수 있나요?

2. 네트워크

2.1. 프록시 서버의 기능에 대해 설명해 주세요.

2.1.1. 리버스 프록시란 무엇인지 포워드 프록시와 비교하여 설명해 주세요.

2.1.2. VPN과 Proxy Server의 차이점에 대해 설명해 주세요.

2.2. HTTP란 무엇인지, HTTP 프로토콜의 가장 큰 특징을 설명해 주세요.

2.2.1. HTTP와 HTTPS의 차이점에 대해 설명해 주세요.

2.2.2. HTTPS 동작 방식을 설명해 주세요.

2.2.3. HTTP 1.1과 HTTP 2.0의 차이를 설명해 주세요.

2.2.4. HTTP 버전별 성능과 기능의 차이점을 설명해 주세요.

2.3. GET, POST, PUT, DELETE에 대해 설명해 주세요.

2.4. URI, URL, URN에 대해 설명해 주세요.

2.5. REST API에 대해 설명해 주세요.

2.5.1. RESTful API와 REST API의 차이점에 대해 설명해 주세요.
2.5.2. REST API의 장단점을 설명해 주세요.
2.5.3. REST API의 사용 사례를 설명해 주세요.

2.6 DNS에 대해 설명해 주세요.

2.6.1. DNS의 기본 동작 방식에 대해 설명해 주세요.

2.7. TCP와 UDP 방식의 차이점에 대해 설명해 주세요.

2.7.1. 동작 순서가 어떻게 되나요?

2.8. SOAP에 대해서 설명해 주세요.

2.9. 웹 호스팅에 대하여 설명해 주세요.

2.9.1. 웹 사이트 속도는 호스트 서버의 위치에 영향을 받나요?

2.10. 웹 서버에 대하여 설명해 주세요.

2.10.1. 웹 서버의 동작 순서는 어떻게 되나요?
2.10.2. WAS와 분리하여 사용하는 이유는 무엇인가요?

3. 프로그래밍

3.1. 형상 관리 도구는 왜 사용하고, 어떤 종류가 있는지 설명해 주세요.

3.1.1. Git과 GitHub의 차이를 설명해 주세요.

3.2. 컴파일 언어와 인터프리터 언어의 차이에 대해 설명해 주세요.

3.2.1. 자바스크립트는 인터프리터 언어인가요?

3.2.2. 컴파일과 인터프리터 두 방식을 모두 쓰는 언어가 있나요?

3.2.3. 컴파일 과정에 대해서 추가적으로 설명해 주세요.

3.3. 객체 지향 프로그래밍에 대해서 설명해 주세요.

3.3.1. 자바스크립트에서의 객체 지향 프로그래밍이란?

3.3.2. 객체 지향 5원칙이란 무엇인가요?

3.3.3. 함수형 프로그래밍이란 무엇인가요?

3.4. 라이브러리와 프레임워크의 차이점에 대해 설명해 주세요.

3.5. 디자인 패턴에 대하여 설명해 주세요.

3.5.1. 파이썬에서 유용한 패턴은 어떤 것들이 있을까요?

3.5.2. Decorator Pattern과 Decorator의 차이를 알고 있나요?

3.6. API rate limiting이란 무엇이며, 그것의 주요 목적에 대해서 설명해 주세요.

3.6.1. 다른 서비스나 서버와의 통신에서 Rate limiting을 적용하는 데 있어서의 주의점은 무엇인가요?

3.6.2. Rate limiting을 위반했을 때 클라이언트나 사용자에게 어떤 응답을 제공하는 것이 좋은가요?

3.7. MTV 패턴에 대하여 설명해 주세요.

3.8. 애자일 개발 방법론에 대하여 설명해 주세요.

3.8.1. 애자일 개발 방법론을 적용하기 위하여 사용되는 프로젝트 관리 도구에 대하여 설명해 주세요.

4. 보안

4.1. CORS란 무엇인가요?

4.1.1. CORS에 대처하는 방법을 구체적으로 설명해 주세요.
4.1.2. CORS를 우회하는 방법에 대해 구체적으로 설명해 주세요.
4.1.3. Cross Origin 요청이란 무엇이고, 어떤 상황에서 CORS Error를 만날 수 있나요?

4.2. XSS에 대해서 간단히 설명해 주세요.

4.2.1. CORS에 대처하는 방법을 구체적으로 설명해 주세요.

4.3. CSRF에 대해서 간단히 설명해 주세요.

4.3.1. CSRF 공격을 막는 방법에는 무엇이 있나요?
4.3.2. XSS와 CSRF 공격의 차이점에 대해 설명해 주세요.

## Chapter 1. 프론트엔드

1. HTML/CSS

1.1. !DOCTYPE이 무엇인지 설명해 주세요.

1.1.1. !DOCTYPE을 선언하지 않으면 어떻게 되나요?

1.2. HTML의 data-속성의 목적을 설명해 주세요.

1.3. meta 태그에 대해 설명해 주세요.

1.3.1. 메타 데이터에 대해 설명해 주세요.

1.4. 시맨틱 태그에 대해 설명해 주세요.

1.4.1. section요소와 article 요소의 사용 용도에 관해 설명해 주세요.

1.5. id와 class 의 차이점을 설명해 주세요.

1.5.1. 선택자 우선순위가 어떻게 되나요?

1.6. CSS에서 박스 모델에 대해 설명해 주세요.

1.6.1. 마진 병합 현상이란 무엇인가요?

1.7. CSS에서 position을 어떻게 사용하는지 설명해 주세요.

1.7.1. 왜 애니메이션을 이용할 때 transform을 이용하는 것이 좋나요?

1.8. CSS에서 c는 cascading을 의미하는데 이에 대한 설명과 캐스캐이딩 시스템의 장점을 설명해 주세요.

1.9. CSS에서 display 속성과 각 요소에 관해서 설명해 주세요.

1.9.1. inline-block은 inline과 block의 특징을 모두 가지고 있기 때문에 어떤 상황에서 사용하면 좋나요?

1.10. 반응형 웹이 무엇이며, 어떤 원리로 동작하는지 설명해 주세요.

1.10.1. 반응형 웹을 만들기 위해 사용하는 단위에 대해 설명해 주세요.

1.10.2. 반응형 웹을 사용하는 이유에 대해 설명해 주세요.

1.10.3. 반응형 웹과 적응형 웹의 차이는 무엇인가요?

2. JAVASCRIPT

2.1. var, let, const의 차이에 대해 설명해 주세요.

2.1.1. var 키워드 대신 let, const 키워드를 사용하는 이유가 있나요?

2.2. 실행 컨텍스트에 대해 설명해 주세요.

2.2.1.호이스팅에 대해 설명해 주세요.

2.2.2. let, const 키워드를 사용하면 호이스팅이 일어나지 않나요?

2.2.3. Temporal Dead Zone이란 무엇인가요?

2.2.4. 스코프 체이닝이 무엇인지 설명해 주세요.

2.3. 클로저에 대해 설명해 주세요.

2.3.1. 클로저를 어떻게 사용하나요?

2.3.2. 스코프는 무엇인지, 어떤 종류가 있는지 설명해 주세요.

2.4. Prototype 에 대해 설명해 주세요.

2.4.1. 자바스크립트의 Prototype 체이닝에 대해 설명해 주세요.

2.4.2. 자바스크립트의 Object.prototype은 무엇인가요?

2.5. this 동작에 대해 설명해 주세요.

2.6. 동기와 비동기에 대해 설명해 주세요.

2.6.1. 이벤트 루프에 대해서 설명해 주세요.

2.6.2. 태스크 큐에 대해서 설명해 주세요.

2.6.3. 비동기의 동작원리를 설명해 주세요.

2.7. Promise , Async, Await이 뭔지 그리고 사용 방법을 설명해 주세요.

2.7.1. promise와 Async, Await의 차이를 설명해 주세요.

2.7.2. promise.all()에 대해 설명해 주세요.

2.7.3. Promise 와 Callback 차이를 설명해 주세요.

2.8. TypeScript와 JavaScript의 차이를 설명해 주세요.

2.8.1. 타입과 인터페이스의 차이점과 왜 사용하는지 설명해 주세요.

2.8.2. 동적 타이핑 언어의 특징에 대해 설명해 주세요.

2.9. 자바스크립트 엔진이 코드를 실행하는 과정에 대해 설명해 주세요.

2.9.1. 자바스크립트 엔진을 구성하는 메모리 힙과 콜 스택에 대해 설명해 주세요.

2.9.2. 자바스크립트 코드를 바이트 코드로 변환하는 과정에 대해 설명해 주세요.

2.9.3. V8 엔진에 대해 설명해 주세요.

2.10. SPA에 대해 설명해 주세요.

2.10.1. MPA(Multiple Page Application)에 대해 설명해 주세요.

2.11. 모듈 번들러와 트랜스파일러에 대해 설명해 주세요.

2.11.1. 모듈 번들러를 왜 사용하나요?

3. REACT

3.1. React를 프로젝트에 도입해야 하는 이유를 설명해 주세요.

3.1.1. 컴포넌트 기반 개발에서 어떻게 재사용을 유도하나요?

3.2. 생명주기에 관해 설명해 주세요.

3.3. Virtual DOM이란 무엇인지 설명해 주세요.

3.4. Props와 State의 공통점과 차이점에 관해 설명해 주세요.

3.4.1. Props Drilling은 무엇이고, 해결 방법은 무엇인지 설명해 주세요.

3.5. Context API에 관해 설명해 주세요.

3.5.1. 왜 Context를 두고 상태 관리 라이브러리들이 생겼나요?

3.6. 클래스형 컴포넌트와 함수형 컴포넌트의 차이에 관해 설명해 주세요.

3.6.1. 함수형의 장점이 더 많으니 반드시 클래스형보다 함수형을 써야 할까요?

3.7. React hooks는 무엇인지 설명해 주세요.

3.7.1. 왜 hook이 나오게 되었나요?

3.8. 상태(State)를 직접 변경하지 않고 set 함수를 사용하는 이유를 설명해 주세요.

3.8.1. 만약 상태를 직접 변경한다면, 어떻게 될까요?

3.9. 리액트의 렌더링 성능 향상 방법에 관해 설명해 주세요.

3.9.1. Lazy Loading은 어떻게 사용되나요?
3.9.2. 제어 컴포넌트와 비제어 컴포넌트는 언제 사용하나요?

3.10. 메모이제이션이 무엇이고 언제 사용해야 하는지 설명해 주세요.

3.10.1. useMemo와 useCallback에 대한 개념과 언제 사용해야 하는지 설명해 주세요.

3.10.2. React.memo는 무엇인지 설명해 주세요.

## Chapter 2. 백엔드

1. 데이터베이스

1.1. RDB와 NoSQL의 차이에 대해 설명해 주세요.

1.1.1. NoSQL의 강점과 약점이 무엇인가요?

1.1.2. DDL, DML, DCL 이란 무엇인가요?

1.2. 데이터베이스에서 인덱스를 사용하는 이유와 장단점을 설명해 주세요.

1.2.1. 일반적으로 인덱스는 수정이 잦은 테이블에선 사용하지 않기를 권합니다. 그 이유에 대해서 설명해 주세요.

1.2.2. 기본키는 인덱스라고 할 수 있을까요? 그렇지 않다면, 인덱스와 기본키는 어떤 차이가 있나요?

1.3. 트랜잭션에 대해서 설명해 주세요.

1.3.1. 데이터를 읽을 때는 트랜잭션을 적용하지 않아도 되는지 설명해 주세요.

1.3.2. 트랜잭션의 롤백 과정에 대해 설명해 주세요.

1.4. ACID에 대해서 설명해 주세요.

1.4.1. ACID 속성과 BASE 속성의 차이점을 설명해 주세요.

1.4.2. 데이터 정규화와 비정규화에 대해서 설명해 주세요.

1.5. 트랜잭션 격리수준에 대해서 설명해 주세요.

1.5.1. 모든 데이터베이스 관리 시스템(DBMS)이 4개의 격리 수준을 구현하나요? 그렇지 않다면 그 이유를 설명해 주세요.

1.5.2. 트랜잭션을 병행으로 처리한다면 발생할 수 있는 문제를 설명해 주세요.

1.6. Redis에 대해서 설명해 주세요.

1.6.1. Redis는 언제 사용하는지 설명해 주세요.

1.6.2. Redis 사용 시에 주의해야 할 점을 설명해 주세요.

1.7. Elasticsearch에 대해서 간단히 설명해 주세요.

1.7.1. Elasticsearch 클러스터(Cluster)에 대해서 간단하게 설명해 주세요.

1.7.2. Elastic Search의 키워드 검색과 RDBMS의 LIKE 검색의 차이에 대해 설명해 주세요.

1.8. JOIN에 대해 설명해 주세요.

1.8.1. JOIN 연산 시 성능상 주의해야 할 점을 설명해 주세요.

1.8.2. FULL OUTER JOIN을 어떤 상황에 사용하는지 설명해 주세요.

1.9. MongoDB에 대해서 간단히 설명해 주세요.

1.9.1. MongoDB의 스키마리스(schemaless) 특징을 간단히 설명해 주세요.

1.9.2. MongoDB의 Replica Set이 무엇인지 간단히 설명해 주세요.

2. 자료구조 & 알고리즘

2.1. 배열과 연결 리스트의 차이점에 대해서 설명해 주세요.

2.1.1. 배열과 연결 리스트 중 어떤 상황에서 어떤 데이터 구조를 선택해야 하나요?

2.1.2. 연결 리스트에서 노드를 삭제할 때 메모리 누수를 어떻게 방지할 수 있나요?

2.2. 스택과 큐의 차이를 설명해 주세요.

2.2.1 스택과 큐의 주요 용도는 무엇인가요?

2.3. 해시 테이블은 무엇이며 어떤 상황에 사용하는지 설명해 주세요.

2.3.1. 해시 테이블에서 충돌(Collision)은 어떻게 처리되나요?

2.4. 트리 자료구조에 관해 설명해 주세요. 이진 트리와 이진 탐색 트리의 차이는 무엇이 있나요?

2.4.1. 이진 탐색 트리를 활용한 실제 응용 사례나 문제 해결에 어떻게 활용되는지 예시를 제시해 주실 수 있을까요?
2.4.2. 이진 탐색 트리의 시간 복잡도는 어떻게 계산되며, 어떤 상황에서 최악의 시간 복잡도를 갖을 수 있을까요?

2.5. 그래프 자료구조와 그래프 탐색 알고리즘에 대해 설명해 주세요.

2.5.1. 그래프 탐색 알고리즘을 활용하여 어떻게 최단 경로를 찾을 수 있는지 자세히 설명해 주실 수 있을까요?
2.5.2. 그래프 자료 구조를 사용하여 현실 세계의 어떤 문제를 해결할 수 있는 예를 들어볼 수 있을까요?

2.6. 시간 복잡도와 공간 복잡도란 무엇이며 언제 사용되는지 설명해 주세요.

2.6.1. 시간 복잡도와 공간 복잡도 중 어느 것이 더 중요한가요?
2.6.2. 시간 복잡도를 최적화하는 방법 중 어떤 기술이 자주 사용되나요?

2.7. 이진 탐색 알고리즘을 설명해 주세요.

2.7.1. 이진 탐색 알고리즘의 동작 과정을 설명해 보세요.
2.7.2. 다른 검색 알고리즘과 비교했을 때 어떤 장점을 가지고 있나요?

2.8. 다이내믹 프로그래밍이 무엇이며 어떤 문제에 사용하는지 설명해 주세요.

2.8.1. 다이내믹 프로그래밍을 사용한 예제를 들어볼 수 있을까요?
2.8.2. 다이내믹 프로그래밍과 분할 정복의 차이점은 무엇인가요?

2.9. 그리디 알고리즘과 다이내믹 프로그래밍의 차이점에 대해 설명해 주세요.

2.9.1. 그리디 알고리즘을 사용할 때 최적해를 보장할 수 없는 상황은 어떤 경우인가요?

3. 암호화 & 보안

3.1. DDoS 공격 대해서 설명해 주세요.

3.1.1. DDoS 공격을 막기 위한 방법에 대해서 설명해 주세요.

3.1.2. Dos(Denial of Service)와 DDos(Distributed Denial of Service)의 차이점에 대해서 설명해 주세요.

3.2. JWT(JSON Web Token)에 대해서 간단히 설명해 주세요.

3.2.1. JWT의 만료된 토큰을 다시 갱신하는 방법에 대해 설명해 주세요.

3.2.2. JWT의 서명 검증하는 과정을 간단하게 설명해 주세요.

3.3. OAuth에 대해서 간단히 설명해 주세요.

3.3.1. OAuth는 어떻게 작동하나요?

3.4. SQL Injection에 대해서 간단히 설명해 주세요.

3.4.1. SQL Injection을 방지하기 위한 방법에 대해 설명해 주세요.

3.5. 단방향 암호화에 대해서 간단히 설명해 주세요.

3.5.1. 단방향 암호화로 해시된 비밀번호가 유출되면 어떤 문제가 발생할 수 있나요?

3.5.2. 해시 값 유출에 대한 문제를 방지하기 위한 방법에는 무엇이 있나요?

3.5.3. 솔트(salt)란 무엇이며, 왜 사용하는지 설명해 주세요.

3.6. 블록체인에 대해서 설명해 주세요.

3.6.1. 블록체인의 거래 검증 과정에 대해 설명해 주세요.

3.6.2. 블록체인에 관련된 공격 중 ‘51% 공격’이란 무엇인가요?

3.7. 비대칭키 암호화, 대칭키 암호화에 대해 간단히 설명해 주세요.

3.7.1. 대칭키 암호화와 비대칭키 암호화 중 어떤 것이 더 안전한가요?

3.7.2. 암호화 방식을 선택할 때 고려할 요소는 무엇이 있나요?

3.8. 정보보안 3요소에 대해서 설명해 주세요.

3.8.1. 각 정보보안 요소를 보장하기 위한 기술에는 무엇이 있나요?

4. Python

4.1. Python의 GIL(Global Interpreter Lock) 이 무엇인지 설명해 주세요.

4.1.1. 그럼 멀티 쓰레드 환경에선 어떻게 사용하면 될까요?

4.1.2. python의 메모리 구조와 GC에 대해서 설명해 주실 수 있나요?

4.1.3. 뮤텍스(Mutex)에 대해서는 아시나요?

4.2. 파이썬의 가비지 컬렉션에 대해 설명해 주세요.

4.2.1. 튜플의 값은 변경이 가능한가요?

4.3. 파이썬의 내장되어 있는 정렬 함수들에 대해서 설명해 주세요.

4.3.1. Timsort 알고리즘에 대해서 알고 있나요?

4.4. 리스트와 튜플의 차이점에 대해 설명해 주세요.

4.4.1. 튜플의 값은 변경이 가능한가요?

4.5. 파이썬의 실행 과정에 대해서 설명해 주세요.

4.5.1. 마우스 이벤트의 프로퍼티

4.6. 파이썬에서 변수 선언 시, 데이터 유형은 어떻게 정의되는지 설명해 주세요.

4.7. 파이썬의 빌트인 함수에 대해 설명해 주세요.

4.7.1. 빌트인 함수 사용의 장점이 있나요?

4.8. 파이썬의 generator는 무엇인지 설명해 주세요.

4.8.1. generator는 어떤 상황에서 사용하면 좋을까요?

5. 운영체제

5.1. OS(운영체제) 대해 설명해 주세요.

5.1.1. 인터럽트에 대해 설명해 주세요.

5.2. 기아 상태(Starvation)에 대해서 설명해 주세요.

5.2.1. 에이징의 메커니즘은 무엇이고 언제 효과적인지 설명해 주세요.

5.3. 뮤텍스란에 대해서 설명해 주세요.

5.3.1. 세마포어란 무엇이며 뮤텍스와의 차이점은 무엇입니까?

5.4. 가상메모리가 무엇인가요?

5.4.1. 요구 페이징*(Demand Paging)*이란 무엇입니까?

5.5. 페이징(Paging)에 대해서 설명해 주세요.

5.5.1. 페이징 교체 알고리즘에 대해서 설명해 주세요.

5.6. CPU 스케줄링(Scheduling)에 대해서 설명해 주세요.

5.6.1. 라운드 로빈 스케줄링(Round Robin Scheduling)이란 무엇인가요?

5.7. 스택영역과 힙영역의 차이점은 무엇이 있나요?

5.8. 캐시메모리에 대해서 설명해 주세요.

5.8.1. 캐시의 지역성에 대해서 설명해 주세요.

5.9. 교착 상태(DeadLock)란 무엇인지 설명해 주세요.

5.9.1. 교착 상태를 해결할 수 있는 방법을 설명해 주세요.

5.10. 프로세스와 쓰레드 차이에 관해 설명해 주세요.

5.10.1. 프로세스 제어 블록(PCB, Process Control Block)에 대해 설명해 주세요.

5.10.2. 문맥 교환(Context Switch)에 대해 설명해 주세요.

5.11. 싱글 쓰레드와 멀티 쓰레드의 장단점에 대해서 설명해 주세요.

5.11.1. 싱글 쓰레드와 멀티 쓰레드의 차이점에 대해서 설명해 주세요.