[job preparation] 기술 면접3 - JS, HTTP/네트워크, 웹서버 기초

 

📌기술 면접 tip!

 

결론은 간단하게, 설명은 구체적으로 자신의 언어로 설명할 수 있어야 함
간명한 정리와 풍부한 설명을 위해서는 지속적인 모의 면접을 통해 기술 설명을 연습하고,
어려운 개념에 대해서 깊게 고민하고 블로그에 기록하는 연습이 필요

 

 

기술 면접 준비

 

JavaScript

 

🧐 Promise의 기능과 필요한 이유에 대해서 설명해주세요.

 

👨🏻‍💼 자바스크립트에서 비동기 처리에 사용되는 객체입니다 비동기란 특정 코드의 실행이 완료될때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 말합니다. 프로미스는 서버에서 받아온 데이터를 처리하고, fetch등으로 서버에서 받아온 뒤 데이터를 요청하고 받아온 뒤 처리하기 위하여 프로미스가 필요합니다.

 

 

🧐 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요.

 

👨🏻‍💼 순수함수란 오직 함수의 입력만이 함수의 결과에 영향을 주는 함수를 의미합니다.  순수함수는 네트워크 요청과 같은 사이드 이팩트는 없고, 입력으로 전달된 값을 수정하지 않는 불변성을 가지고 있습니다.

 

 

React

 

🧐  React의 state와 props에 대해서 설명해주세요

 

👨🏻‍💼  state는 살면서 변할 수 있는 값, props는 성별이나 이름처럼 변하지 않는 상위 컴포넌트 즉 외부로부터 전달되는 값입니다

react는 props 함수의 전달인저처럼 전달 받아 이를 기반으로 화면에 어떻게 표시되는지를 기술하는 엘리먼트를 반환하고

state는 input의 value같이 사용자가 값을 입력하면 변경될 수 있는 값을 쓸 때 state를 사용합니다

 

 

🧐 React 컴포넌트의 key 속성에 대해서 설명해주세요

 

👨🏻‍💼 Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕습니다. key속성은 컴포넌트를 여럿 렌딩할 때

다른 컴포넌트임을 구분하기 위해서 사용되는 속성입니다.

 

 

🧐 useEffect의 dependency array에 대해서 설명해주세요.

 

👨🏻‍💼  useeffect란 컴포넌트 내에서 특정 작업을 실행할 수 있게 해주는 event hook입니다

useeffect는 첫번째 인자로 콜백 함수를 받고 두번째 인자로 배열을 받는데 이 배열이 dependency array입니다

종속성 배열이라고도 하며 렌더링 시 배열의 값이 바뀔 때마다 실행됩니다 만약 빈 배열로 전달된다면 첫 렌더링시에만 실행됩니다.

 

 

 

HTTP/네트워크

 

🧐  CSR과 SSR의 차이점에 대해서 설명해주세요.

 

👨🏻‍💼 주요 차이점은 렌더링 위치입니다 ssr은 서버에서 페이지를 렌더링하고 crs는 클라이언트에서 페이지를 렌더링합니다

 

 

🧐 GET 메서드와 POST 메서드의 차이점에 대해 설명해주세요.

 

👨🏻‍💼 GET메서드는 서버의 리소스를 조회하고 POST 메서드는 서버의 리소스를 변경하는 HTTP메서드 입니다

GET은 단순히 조회를 요청하기 때문에 body를 보내지 않는 것이 보편적이고 query parameter나 path parameter를 쓰며 무한대 요청을 보내도 회신 받을 수 있는 멱등성을 가지고 있고 POST는 리소스의 생성 및 변경을 의미하기 때문에, body에 원하는 변경 사항을 자세하게 적으며, 멱등성은 없습니다. 

 

 

 

웹서버 기초

 

🧐 HTTP 메시지에 대해 설명해주세요.

 

👨🏻‍💼 HTTP 메시지는 크게 start-line, header와 body로 나뉩니다. start-line은 어떤 프로토콜을 사용하는지, 어떤 HTTP 메서드인지, 상태 코드는 무엇인지 등 해당 요청 / 응답의 핵심 정보가 담겨있습니다.
header는 요청/응답에서 공통으로 자주 다루는 정보들이 담겨있습니다. 예를 들면 body의 Content-type이 무엇인지, 캐시의 유효 기간은 얼마나 되는지 등 공통으로 자주 주고받는 정보가 담겨있습니다. body는 해당 요청/ 응답에서 꼭 다뤄야 하는 중요한 정보를 담고 있습니다. 보통 추가/변경/삭제하고 싶은 리소스의 자세한 정보를 담기도 하고, 응답의 경우 요청자가 꼭 알아야하는 리소스에 대한 정보를 담게 됩니다.

 

 

🧐  SOP CORS에 대해서 설명해주세요

 

👨🏻‍💼 sop는 동일 출처 정책을 의미합니다 출처는 프로토콜,호스트,포트의 조합이며, 세가지 모두 동일해야 같은 출처로 인정받습니다. 보안성을 유지하기 하기 위해 이 정책이 필요합니다 이 때 다른 출처로 리소스를 받아올 때 교차 출처 리소스 공유인 cors를 사용하여 다른 출처가 선택한 자원제 접근할 수 있는 권한을 부여합니다.