Section2 기술 면접

### JavaScript

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

https://studyhard-everyday.tistory.com/33

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

순수함수는 입력값에 대해 항상 같은 결과를 반환하며, 부수 효과가 없는 함수를 말합니다.  순수함수는 불변성(immutability)을 가지며, 이는 함수가 외부 상태를 변경하지 않고 인자로 주어진 값들만을 처리한다는 것을 의미합니다. 순수함수는 사이드 이펙트(side effect)가 없기 때문에, 함수의 호출 결과가 항상 예측 가능합니다.

### React

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

state는 컴포넌트 내부에서 관리되는 데이터입니다. state는 컴포넌트 내부에서 변경할 수 있으며, 변경된 state는 컴포넌트를 다시 렌더링합니다. props는 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터입니다. props는 읽기 전용이며, 자식 컴포넌트에서 직접 수정할 수 없습니다. props와 state는 모두 컴포넌트의 데이터를 관리하는 방법이지만, props는 읽기 전용이고 state는 변경 가능하다는 점에서 차이가 있습니다.

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

key는 컴포넌트 리스트에서 각 항목을 고유하게 식별하기 위한 속성이며, 리스트 항목의 순서를 변경하거나 추가, 제거할 때 사용됩니다. key 값은 고유하고, 리스트 항목이나 동적으로 생성된 컴포넌트에서만 사용됩니다. key 속성은 React 컴포넌트의 성능과 안정성을 향상시키는 중요한 역할을 합니다.

 

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

useEffect Hook에서, dependency array는 두 번째 인수로 전달되며, 배열에 포함된 값 중 하나라도 변경되면 effect 함수가 다시 실행됩니다. 이 배열을 생략하면, useEffect는 컴포넌트가 렌더링될 때마다 실행됩니다.

### HTTP/네트워크

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

https://studyhard-everyday.tistory.com/34
- GET 메서드와 POST 메서드의 차이점에 대해 설명해주세요.

GET과 POST는 HTTP 프로토콜을 사용하는 메서드입니다. GET은 URL에 매개변수를 포함하여 서버에서 리소스를 가져올 때 사용되며, POST는 요청 본문에 데이터를 포함하여 서버에 데이터를 제출할 때 사용됩니다.

### 웹서버 기초

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

HTTP 메시지는 요청(Request)과 응답(Response) 메시지로 구성됩니다. 요청 메시지는 시작 라인, 헤더, 공백 라인, 바디로 이루어져 있고, 응답 메시지는 상태 라인, 헤더, 공백 라인, 바디로 이루어져 있습니다. 요청 메시지의 시작 라인은 요청 메서드와 URI, HTTP 버전으로 구성되고, 응답 메시지의 상태 라인은 상태 코드와 메시지, HTTP 버전으로 구성됩니다. 헤더는 메타데이터를 key-value 쌍으로 포함하며, 바디는 데이터가 포함됩니다.

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

Same-Origin Policy는 같은 출처에서만 접근이 가능하도록 하는 보안 메커니즘입니다.
출처(origin)는 프로토콜, 호스트, 포트로 구성되며, 이 중 하나라도 다르면 출처가 다르다고 판단합니다.
Same-Origin Policy는 이를 준수하지 않는 자바스크립트에 의한 XSS(Cross-site Scripting) 공격을 방지하는 역할을 합니다.
하지만, Same-Origin Policy로 인해 다른 출처의 리소스에 접근하는 것이 제한되는 경우도 있습니다. 이때 사용되는 것이 Cross-Origin Resource Sharing(CORS)입니다.
CORS는 Same-Origin Policy로 인해 접근이 제한되는 경우, 서버 측에서 출처를 설정하여 접근을 허용할 수 있도록 합니다.