JavaScript

Promise의 기능과 필요한 이유에 대해서 설명해주세요.
Promise는 비동기를 간편하게 처리할 수 있도록 해주는 자바스크립트 내장 객체입니다. 비동기 처리를 콜백 함수로 할 수도 있지만 콜백 체인이 길어지면 콜백 지옥이 될 수 있어서 Promise를 사용하여 깔끔하게 코드를 작성하는 것이 좋습니다. 수행이 잘 된 경우에는 then으로 받아 프라미스를 리턴하게 되고, 에러가 발생한 경우에는 catch로 받아 처리 할 수 있습니다.

순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요.
순수함수는 함수 자신 외에는 영향을 미치지 않는 함수입니다. 즉, 함수 내부의 동작에만 영향을 미치므로 기대하지 않은 사이드 이펙트가 없고 어떤 값이 인자로 주어졌을 때 출력값이 변하지 않습니다.

React

React의 state와 props에 대해서 설명해주세요.
스테이트는 컴포넌트 내에서 자주 변하는 값을 관리할 때 사용합니다. 이 때, 스테이트는 스테이트 설정 함수를 통해 변경할 수 있습니다.
프롭스는 컴포넌트 함수가 갖는 매개변수입니다. 상위 컴포넌트에서 정의한 하위 컴포넌트의 속성을 하위 컴포넌트의 프롭스로 내려받을 수 있습니다.

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

useEffect의 dependency array에 대해서 설명해주세요.
유즈이펙트는 사이드 이펙트를 제어하기 위해 사용되는 리액트의 이펙트 훅입니다. 첫번째 인자로 유즈이펙트 내에서 실행할 콜백함수를 가지고, 두번째 인자로 종속성 배열을 가집니다. 배열의 값은 boolean을 리턴하는 조건 표현식이 아닌 특정 값이며, 이 값이 변할 때 유즈이펙트가 실행됩니다. 두번째 인자를 설정해주지 않는 경우에는 리렌더링이 발생할 때 마다 실행되므로 가급적이면 설정을 해주는 것이 좋습니다. 빈 배열로 설정할 경우에는 처음 렌더링될 때 한번만 실행이 됩니다.

HTTP/네트워크

CSR과 SSR의 차이점에 대해서 설명해주세요.
CSR은 클라이언트측에서 렌더링하는 것이고, SSR은 서버측에서 렌더링하는 것입니다.

GET 메서드와 POST 메서드의 차이점에 대해 설명해주세요.
GET은 데이터를 조회할 때 사용하는 메서드이고 POST는 데이터를 추가할 때 사용하는 메서드입니다. 포스트로 요청할 경우 바디에 추가하려는 데이터를 담아 요청합니다.

웹서버 기초

HTTP 메세지 구조에 대해 설명해주세요.
HTTP 메시지는 요청 메시지와 응답 메시지가 있습니다. 요청 메시지의 헤더에는 메서드와 엔드포인트를 작성해야 하고 응답 메시지의 헤더에는 상태코드와 상태메시지가 포함되어야 합니다.

Same-Origin Policy와 CORS에 대해서 설명해주세요.
SOP는 동일한 출처의 리소스만 받아올 수 있다는 정책이고 CORS는 다른 출처의 리소스를 받아올 수 있도록 해주는 정책입니다. 개발을 하면서 다른 출처의 리소스를 받아오는 경우는 너무 많기 때문에 콜스 정책이 등장하였고, 서버측에서 콜스 설정이 되어있는 경우에는 다른 출처일 경우에도 리소스를 받아올 수 있습니다. 콜스 설정이 되어있지 않은 출처에서 리소스를 요청할 경우 콜스 에러가 발생합니다. 또한 둘 다 브라우저가 따르는 정책이므로 앞서 말한 내용은 웹 브라우저를 통한 통신일 경우에만 해당하는 내용입니다.