면접질문

JavaScript

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

• Promise는 자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있게 도와주는 객체이다.
  • 결과를 값으로 받아서 저장을 하기 때문에, 이전에 사용하던 Callback을 사용할 필요 없이 비동기적 작업이 가능하며, 동시에 가독성이 있는 코드가 된다.

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

• 입력값이 동일한 경우 항상 동일한 결과를 반환하는 함수로 사이드 이펙트가 없는 함수를 뜻한다.
  • 사이드이펙트 : 외부의 변수나 오브젝트에 영향을 끼치는 작업
    
    

---

React

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

• state는 현재 컴포넌트에서 생성, 변할 수 있는 데이터
  • 변경할 수 있는 값

• props는 부모 컴포넌트가 자식 컴포넌트에게 주는 데이터
  • 직접적으로 수정할 수 없는 값

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

• 고유하고 유일한 식별자의 역할을 하는 key
  • React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 도와준다.
  • 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야 한다.

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

• 조건부 effect 발생 (dependency array)
  • useEffect의 두 번째 인자인 배열은 어떤 값의 변경이 일어날 때를 의미하는 조건을 담고 있다.
  • 해당 배열엔 어떤 값의 목록이 들어가는데, 이 배열을 특별히 종속성 배열이라고 부른다.

---

HTTP/네트워크

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

• SSR(Server Side Rendering)과 CSR(Client Side Rendering)

• SSR과 CSR의 주요 차이점은 페이지가 렌더링되는 위치이다.
  • SSR은 서버에서 페이지를 렌더링
  • CSR은 브라우저(클라이언트)에서 페이지를 렌더링
    • CSR은 사용자가 다른 경로를 요청할 때마다 페이지를 새로고침 하지 않고, 동적으로 라우팅을 관리

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

• GET method는 클라이언트에서 서버로 어떠한 리소스로부터 정보를 요청하기 위해 사용
• POST method는 리소스를 생성/업데이트하기 위해 서버에 데이터를 보내는 데(전송) 사용

---

웹서버 기초

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

• HTTP Messages는 클라이언트와 서버 사이에서 데이터가 교환되는 방식
  • 요청(Requests)과 응답(Responses)의 두 가지 유형이 있다.
  • start line과 HTTP headers를 묶어 요청이나 응답의 헤드(head)라고 하고, payload는 body라고 이야기한다.

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

• SOP은 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻한다.
  • 출처는 프로토콜, 호스트, 포트의 조합으로 되어있으며, 이 중 하나라도 다르면 동일한 출처로 보지 않는다.

• CORS는 Cross-Origin Resource Sharing의 줄임말로 교차 출처 리소스 공유를 뜻한다.
  • 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제.

---