기술면접

Q1

주관식

JavaScript에서 객체가 속성과 메서드를 찾을 때 프로토타입 체인이 어떤 역할을 하는지 간단히 설명하세요. 혹시 Object.create가 무엇인지 알면 추가로 설명해주세요.

Q2

주관식

리액트 컴포넌트 간의 상태를 공유하는 효과적인 방법을 설명해보세요.

Q3

주관식

Proxy API와 Object.defineProperty를 사용한 데이터 바인딩의 차이점을 설명하고, 각각의 장단점을 비교하세요. 한가지만 설명해도 좋습니다.

Q5

객관식-단일 응답

React에서 고차 컴포넌트(Higher-Order Component, HOC)의 주요 단점은 무엇인가요?

Q6

객관식-단일 응답

React Router v6에서 중첩된 라우트(Nested Routes)를 구현할 때 사용하는 컴포넌트는 무엇인가요?

Q7

객관식-단일 응답

React의 Suspense 컴포넌트가 비동기 컴포넌트 로딩을 처리할 때 사용하는 주요 메커니즘은 무엇인가요?ww

Q1

주관식

브라우저 주소창에 URL입력후 화면에 콘텐츠가 보이기까지의 과정을 설명해보세요. (브라우저, 네트워크, 백엔드 모두 설명해도 됨)

Q2

주관식

DOM 트리에서 querySelector를 사용할 때, 선택자(selector)의 구체성이 성능에 미치는 영향을 설명해보세요

Q3

주관식

Flexbox에서 flex-grow, flex-shrink, flex-basis의 역할을 설명하고, 이들이 레이아웃 구성에 어떻게 기여하는지 설명하세요. (아는 내용만 설명해도 좋습니다)

Q4

주관식

번들링 과정에서 일어날 수 있는 ‘트리 쉐이킹’이 어떻게 동작 가능한 것인지 설명해보세요.

Q5

주관식

Promise.all과 Promise.race의 차이점을 설명하고, 각각의 사용 사례가 떠오르면 설명해보세요.

Q6

주관식

옵저버 패턴이 MVC 아키텍처에서 어떻게 활용되는지 설명하고, 프론트엔드 프레임워크에서의 구현 예를 설명해보세요.

Q7

주관식

제네릭(Generic)이 타입스크립트에서 어떻게 활용되는지 설명해보세요

Q8

주관식

useReducer Hook을 useState와 비교하여 설명하고, 복잡한 상태 관리에 useReducer를 사용하는 장점을 설명하세요

Q9

주관식

스스로 생각하는 코드의 품질저하 지점은 무엇인가요? 이를 개선하기 위한 리팩토링 전략을 말해주세요

this의 활용 화살표함수에서 this는 무엇을 가르키는가?

Q10 웹 브라우저에서 렌더링을 담당하는 엔진에 대해 알고 있나요? 사파리, 파이어폭스, 크롬의 렌더링 엔진을 알고 있다면 이름과 특징에 대해 간략히 설명해 주세요.

웹 상에서 웹 페이지를 불러왔을 때 렌더링 엔진이 화면에 결과를 표시하는 방식을 시간순서대로 설명해 주세요.

Q11 크롬 브라우저와 node.js에서 자바스크립트는 v8 엔진에 의해 실행됩니다. 자바스크립트 코드가 실제 v8에 의해 실행되는 과정을 자세히 설명해 주세요. 그리고 V8의 구성요소 중 Ignition과 TurboFan에 대해서도 설명해 주세요.

Q12 CDN에 대해 알고 있는 내용을 전부 설명해주세요. 단, 이 키워드들에 대해 설명해주시면 좋습니다.

무엇을 해결하고자 사용하는 기술인가요?

CDN이 문제를 해결하는 방식을 서술해주세요.

CDN 사용 경험이 있다면, 사용 하기 전과 사용 후의 결과를 토대로 비교해주세요. 사용 경험이 없다면 생략해도 무방합니다.

Q13 HTTPS 프로토콜에 대해 알고 있는 내용을 전부 설명해주세요. 단, 이 키워드들에 대해 설명해주시면 좋습니다.

1. 무엇을 해결하고자 사용하는 기술인가요?

2. HTTPS 프로토콜이 문제를 해결하는 방식을 서술해주세요.

3. HTTPS 프로토콜 사용 경험이 있다면, 사용 하기 전과 사용 후의 결과를 토대로 비교해주세요. 사용 경험이 없다면 생략해도 무방합니다.

Q14

1. blocking과 non-blocking의 차이와 non-blocking이 문제를 해결하는 방식을 이야기 해주세요.

2. sync와 async의 차이와 async가 문제를 해결하는 방식을 이야기 해주세요.

3. blocking + sync / blocking + async / non-blocking + async / non-blocking + sync 등 각 조합이 동작하는 방식과 특징을 설명해주세요.

4. nodejs와 mysql 같은 rdb를 사용할 때는 3번의 사례중 무엇에 해당할까요?

5. nodejs와 mongodb 같은 no-sql을 사용할 때는 3번의 사례중 무엇에 해당할까요?

6. nodejs와 궁합이 좋은 데이터베이스는 무엇이고 이유가 뭘까요?

Q15

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

2. javascript는 왜 이벤트루프 방식으로 동작하는걸까요? 그래야만 하는 이유가 있을까요? 싱글스레드, 멀티스레드의 장단점과 연관지어서 설명해주세요.

Q16 TCP / IP 소켓을 이용해서 간단한 클라이언트 / 서버 프로그램을 작성하고 있습니다.

(1) v1에서 클라이언트 한 명은 정상 동작했지만 두 번째 클라이언트는 정상 접속되지 않았습니다. 예상 원인은 무엇일까요?

(2) v2는 멀티스레드 방식으로 구현하려고 합니다. 프로그램의 흐름에 대해 간단히 설명해 주세요.

(3) 스레드 갯수만큼 서버에도 별도의 소켓이 생성된다고 들었는데 이게 맞는 건가요? 그럼 각 스레드의 포트 번호는 몇 번이 할당될까요?

(4) 클라이언트의 비정상 종료 감지 및 재접속을 구현하고 싶습니다. 어떻게 해야 할까요?

Q17 (1) 데이터베이스의 트랜잭션 고립 수준에 대해 간단히 설명해 주세요.

(2) nest.js에서 트랜잭션 고립 수준을 적용하는 방법과 적용 단위에 대해 설명해 보세요.

(3) select … for upate 구문의 용도와 동작 방식에 대해 설명해 주세요.

Q18 MySQL 8.0 기본 설정 상태에서

(1) 인덱스는 어떤 자료 구조로 만들어지나요?

(2) 인덱스 노드의 크기는 얼마인가요? 이유는?

(3) 현재 인덱스 노드는 하나 뿐이며 가득 찬 상태입니다. 이 때 새로운 데이터가 삽입될 경우의 동작 알고리즘을 설명해 보세요.

Q19 (1) 관계형 데이터베이스에서 커서란 무엇인가요? 커서를 사용해 본 적이 있나요?

(2) 서버사이드 커서와 클라이언트 사이드 커서의 차이점에 대해 알고 있나요?

(3) 페이지네이션이란 무엇이며 MySQL에서는 어떻게 구현되나요?

(4) 커서 기반 페이지네이션이란 무엇이며 어떤 경우 사용하게 될까요? 이 때 사용되는 커서는 어떤 종류의 커서일까요?

Q20 게시판 본문에 대한 자연어 검색을 하고 싶습니다.

(1) MySQL에서 가능할까요? 자세한 방법을 알려 주세요.

(2) (1)이 잘 된다는 가정하에 한국어 검색도 잘 되나요?

(3) Elastic Search와 MySQL의 자연어 검색의 동작 방식에 대해 설명해 주세요.

(4) 여러분은 MySQL과 Elastic Search 중 본문 검색으로 무엇을 쓰실 건가요? 그 이유는?

Q21 클라우드에서 저렴한 단일 서버로 node.js, nest.js, mysql 백엔드를 구성했습니다.

테스트 코드를 열심히 짜서 돌리는데 로컬에서는 잘 되는 코드가 서버에서는 갑자기 죽습니다.

(1) 원인에는 어떤 것들이 있을 수 있을까요?

(2) OOM 킬러가 원인이라고 한다면 어떻게 해결할 수 있을까요?

(3) 리눅스에서 swap의 동작 방식에 대해 설명해 보세요.

(4) LRU와 clock의 차이는 무엇인가요?

(5) 실제 리눅스의 페이지 교체 알고리즘에 대해 아는데까지 설명해 보세요.

Q22 (1) AWS에는 사용할 수 있는 CPU가 Intel CPU와 graviton CPU가 있습니다. 둘 사이에는 어떤 차이가 있을까요?

(2) 특정 서버에는 GPU가 있는 경우가 있습니다. GPU와 CPU의 차이는 무엇이고 이 서버는 어떤 워크로드에 유리할까요?

(3) 일반적으로 사용하는 X64 아키텍쳐에서 int는 몇 비트일까요? 그리고 word 크기는 몇 비트일까요? 가장 효율적인 연산은 몇 비트일까요?

(4) CPU에는 SIMD라는 연산이 있는데 무엇을 의미하나요? 어떤 용도로 사용될까요?

Q23 XSS

1. XSS는 무엇일까요?
2. XSS를 예방하는 방법과 원리에 대해 설명해주세요.

CSRF 방어

1. CSRF는 무엇일까요?
2. CSRF 공격을 방어 하는 방법과 원리에 대해 설명해주세요. CORS
3. CORS는 무엇일까요?
4. CORS를 설정하는 방법과 원리에 대해 설명해주세요.

Q24 2077년 철수는 할아버지의 유품에서 USB 메모리를 찾았습니다. 그 안에는 비트코인 지갑이 들어있는 것으로 추정되는데 현재 사용중인 윈도우즈 77에 연결해 보니 파일을 읽을 수 없습니다.

“해당 파일 시스템은 지원하지 않습니다.” 라는 오류 메시지가 출력되고 보관상태가 좋아 물리적인 손상은 전혀 없는 것으로 추정되는데 이 경우 어떻게 우리는 비트코인 지갑을 복구할 수 있을까요?