JavaScript React HTTP/네트워크 기술면접 준비

JavaScript

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

• Promise.all()메서드는 순회 가능한 객체에 주어진 모든 프로미스가 이행한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환
• 여러 프로미스의 결과를 집계할 때 유용하게 사용

 

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

• 동일한 입력에 대해 항상 동일한 출력을 반환하는 함수
• 외부의 상태를 변경하거나 영향을 받지 않는 함수
• 외부 상태의 변화를 최소함으로 유지하고, 함수 실행 결과 예측을 용이하게 하여 버그 발생 가능성을 줄이는 것에 목적

---

React

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

• Props(Properties)는 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터, 부모 컴포넌트로부터 받는 데이터이므로 자식 컴포넌트에서는 변경불가능, 이는 한 컴포넌트의 속성(Properties)과 같음을 의미
• State는 한 컴포넌트 안에서 유동적인 데이터를 다룰 때 사용, 컴포넌트 안에서 데이터 변경 가능. State는 한 컴포넌트의 상태를 의미

 

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

• 컴포넌트 배열을 렌더링했을 때 어떤 원소에 변동이 있었는지 알아내려고 사용
• key값을 설정할 때는 map함수의 인자로 전달되는 함수 내부에서 컴포넌트 props를 설정하듯 설정

 

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

• useEffect란 최초 렌더링 시 무조건 실행할 작업, 컴포넌트가 업데이트 될 때 작업 등을 실행하게 함
• useEffect는 콜백함수를 가지며, Dependency는 있을 수도 없을 수도 있음, Dependency가 없다면 useEffect는 어떤 useState의 변수이든, 값이 변경된 것을 인지하고 실행

---

HTTP/네트워크

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

• CSR은 HTML, CSS와 모든 스크립트들을 한 번에 가져옴
• SSR은 필요한 부분의 HTML과 스크립트만 가져옴

 

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

• GET 메서드는 서버에서 어떤 데이터를 가져와서 보여줄 때 사용(정보요청), 어떤 값이나 내용, 상태 등을 바꾸지 않는 경우 사용
• POST 메서드는 리소스를 생성 및 업데이트하기 위해 서버에 데이터를 보내는데 사용

---

백엔드 기초

HTTP 메세지 구조에 대해 설명해주세요.

• HTTP 메세지는 서버와 클라이언트 간 데이터가 교환되는 방식
• 두가지 메세지 타입 보유

Request는 클라이언트가 서버로 전달하는 메시지

Response는 Request에 대한 서버의 답변

 

 

Same-Origin Policy와 CORS에 대해서 설명해주세요.

• Same-Origin Policy: 동일 출처 정책

어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식

• CORS: Cross-Origin Resource Sharing

추가 HTTP 헤더를 사용하여 브라우저가 한 출처에서 실행중인 웹 애플리케이션에 선택된 액세스 권한을 부여하도록하는 메커니즘

출처가 다른 도메인에서의 AJAX요청이라도 서버 단에서 데이터 접근 권한을 허용하는 정책