기술 면접 대비2

 

재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해 주세요.

• 재귀를 활용하기 좋은 상황은 데이터나 문제가 반복적으로 나타나고 각 단계에서 동일한 작업을 수행해야 할 때 입니다. 
• 예를 들어, 트리 구조를 탐색하거나 피보나피 수열등은 재귀를 활용하여 간결하게 구현할 수 있습니다.

 

UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요.

• UI(User Interface)는 사용자와 상호작용하기 위해 디자인된 사용자 인터페이스를 의미하며, UX(User Experience)는 사용자가 제품이나 서비스를 사용하면서 느끼는 전반적인 경험을 의미합니다.
•  UI는 주로 시각적인 요소에 초점을 맞추고, UX는 사용자의 편의성, 효율성, 만족도 등을 고려합니다.
• UX는 UI를 포함하지만, 좋은 UX가 좋은 UI를 보장하지는 않습니다.그 반대도 마찬가지입니다.

 

Styled Components를 사용해 보면서 느낀 장점을 이야기해 주세요.

• Styled Components를 사용하면 CSS를 JavaScript 코드 안에서 작성할 수 있습니다.
• 이를 통해, 컴포넌트 단위의 스타일링으로 컴포넌트 간의 스타일 충돌을 방지하여 재사용성과 모듈성을 높여줍니다.
• 또한 CSS 작성 시 JavaScript를 활용한 동적인 스타일링을 할 수 있다는 장점도 제공합니다.
• 마지막으로 벤더 프리픽스를 적용하여 브라우저 호환성을 개선해줍니다.

 

useRef가 필요한 상황을 예시를 들어 설명해 주세요.

• useRef는 함수형 컴포넌트에서 DOM 요소에 접근하기 위해 사용됩니다. 
• 예를 들어, 특정 요소의 정보를 가져오거나 수정해야 할 때, 또는 이전 상태를 기억하고 싶은 경우에 useRef를 활용할 수 있습니다.

 

상태관리 라이브러리의 필요성에 대해서 설명해 주세요.

•  상태관리 라이브러리는 컴포넌트 간에 상태를 공유하여 상태를 효율적으로 관리하기 위해 사용됩니다.
• 상태관리 라이브러리를 사용하면 중앙 집중식으로 상태를 관리하 예측 가능한 데이터 흐름을 구현할 수 있습니다.

 

Redux의 주요 개념들과 연결 관계를 설명해 주세요.

• Redux의 주요 개념은 액션, 리듀서, 스토어, 디스패치입니다. 
• 액션은 애플리케이션에서 일어난 일을 설명하는 객체이며, 리듀서는 액션에 따라 상태를 업데이트하는 함수입니다. 
• 스토어는 상태를 저장하는 저장소이고, 디스패치는 액션을 발생해 주는 함수입니다. 
• Redux에서 디스패치를 통해 액션이 발생하면 리듀서로 전달되어 상태를 업데이트하고, 스토어는 그 상태를 저장하고 관리합니다. 

 

Semantic HTML의 필요성을 예시를 들어 설명해 주세요.

• Semantic HTML은 웹 페이지에서 의미있는 태그를 사용하면, 구조와 콘텐츠의 의미를 명확하게 전달할 수 있습니다.
• 예를 들어, 다른 개발자와 협업할 때 <div>태그만 사용한다면, 해당 컴포넌트가 어디에 위치하고 어떻게 사용하는 지를 일일히 설명하거나, 주석을 달아야 합니다.
• 그러나 Semantic HTML를  사용하면, 이런 작업을 줄일 수 있습니다.

 

IP 프로토콜의 한계에 대해서 설명해 주세요.

• IP 프로토콜의 한계는 비연결성과 비신뢰성으로 인해 데이터를 전송하는 중 손실, 중복, 순서 변경 등의 문제가 발생할 수 있다는 것입니다.
• 이를 해결하기 위한 대표적인 방법으로는 TCP 프로토콜의  3 way handshake가 있습니다.

 

HTTP 프로토콜의 특징에 대해 설명해 주세요.

• HTTP 프로토콜은 클라이언트-서버 구조를 기반으로 하며, 무상태 프로토콜이기 때문에 각 요청은 독립적으로 처리되고, 연결을 유지하지 않는 비연결성을 가지고 있습니다.
• 비연결성은 요청을 주고받을 때만 연결을 유지하고 응답을 주고 연결을 끊는 것을 의미합니다.
• 무상태는 각 요청이 독립적으로 처리되며, 이전 요청의 상태를 서버가 유지하지 않는다는 것을 의미합니다. 
• 때문에 클라이언트가 상태를 기억하고 요청을 보내기에 처리하는 서버가 중간에 바뀌어도 문제가 없어, 확장이 용이합니다. 

 

 

Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해 주세요.

• MaxAge와 Expires 옵션은 쿠키의 유지기간을 설정하는 것이며, 이를 설정하지 않으면 브라우저가 종료될 때 쿠키가 삭제되는 세션 쿠키로 동작합니다.
• 세션 쿠키는 사용자가 웹사이트를 나가거나 브라우저를 닫으면 해당 쿠키는 자동으로 삭제되어 더 이상 사용할 수 없습니다.
• MaxAge 옵션은 쿠키의 유효기간을 설정하는 것이고, Expires 옵션은 쿠키의 만료일을 설정합니다.