면접준비

KoEunseo·2022년 8월 18일
1

코드스테이츠

목록 보기
22/45

JavaScript

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

Javascript 에서는 대부분의 작업들이 비동기로 이루어진다. 콜백 함수로 처리하면 되는 문제였지만 요즘에는 프론트엔드의 규모가 커지면서 코드의 복잡도가 높아지는 상황이 발생하였다. 이러면서 콜백이 중첩되는 경우가 따라서 발생하였고, 이를 해결할 방안으로 등장한 것이 Promise 패턴이다. Promise 패턴을 사용하면 비동기 작업들을 순차적으로 진행하거나, 병렬로 진행하는 등의 컨트롤이 보다 수월해진다. 또한 예외처리에 대한 구조가 존재하기 때문에 오류 처리 등에 대해 보다 가시적으로 관리할 수 있다. 이 Promise 패턴은 ECMAScript6 스펙에 정식으로 포함되었다.

https://github.com/JaeYeopHan/Interview_Question_for_Beginner/tree/master/JavaScript#promise

프로미스는 약속이라는 뜻으로 어떤 데이터를 언제라도 보내주겠다는 뜻입니다. 사용자가 클라이언트에서 작업하는 중에 요청한 작업이 완료되지 않아도 화면이 멈추지 않도록 합니다.
자바스크립트는 원래 위에서 아래로, 순차적으로 진행됩니다. 이때 데이터가 너무 크거나 복잡하면 작업시간이 오래걸리게 됩니다. 프로미스가 없다면 작업이 완료되기 전까지 화면이 멈추게 되고, 이는 사용자 경험에 악영향을 미치게 될 것입니다.

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

순수함수는 실행시 예상 가능한 결과만 나옵니다.
사이드이펙트는 예상하지 못한 결과가 함께 나오는 것을 말합니다.

React

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

https://ko.reactjs.org/docs/faq-state.html

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

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

HTTP/네트워크

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

https://naver.me/xNoRrz8m

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

웹서버 기초

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

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

다른 도메인으로부터 리소스가 요청될 경우 해당 리소스는 cross-origin HTTP 요청 에 의해 요청된다. 하지만 대부분의 브라우저들은 보안 상의 이유로 스크립트에서의 cross-origin HTTP 요청을 제한한다. 이것을 Same-Origin-Policy(동일 근원 정책)이라고 한다. 요청을 보내기 위해서는 요청을 보내고자 하는 대상과 프로토콜도 같아야 하고, 포트도 같아야 함을 의미한다.(이 때, 서브 도메인 네임은 상관없다.)

이러한 문제를 해결하기 위해 과거에는 flash 를 proxy 로 두고 타 도메인간 통신을 했다. 하지만 모바일 운영체제의 등장으로 flash 로는 힘들어졌다. (iOS 는 전혀 플래시를 지원하지 않는다.) 대체제로 나온 기술이 JSONP(JSON-padding)이다. jQuery v.1.2 이상부터 jsonp형태가 지원되 ajax 를 호출할 때 타 도메인간 호출이 가능해졌다. JSONP에는 타 도메인간 자원을 공유할 수 있는 몇 가지 태그가 존재한다. 예를들어 img, iframe, anchor, script, link 등이 존재한다.

여기서 CORS는 타 도메인 간에 자원을 공유할 수 있게 해주는 것이다. Cross-Origin Resource Sharing 표준은 웹 브라우저가 사용하는 정보를 읽을 수 있도록 허가된 출처 집합을 서버에게 알려주도록 허용하는 특정 HTTP 헤더를 추가함으로써 동작한다.
https://naver.me/FUGFKV4E

0개의 댓글