Section3 기술면접

재귀

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

UI/UX

• UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요.
  • UI는 유저 인터페이스로, 사람들이 컴퓨터와 상호 작용하는 시스템을 통틀어서 UI라고 합니다. 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이니, UI라고 할 수 있습니다.
    UX는 user experience 즉, 사용자 경험으로 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 의미합니다. 제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험을 사용자 경험이라고 할 수 있습니다.
    제품 그 자체뿐만 아니라, 제품과 관련된 모든 요소가 UX에 영향을 주는데, 그 중 가장 큰 영향을 미치는 것이 바로 UI입니다. 즉 UX는 UI를 포함하고 있습니다.
    좋은 UX가 좋은 UI를 의미하거나, 좋은 UI가 항상 좋은 UX를 보장하지는 않지만, 나쁜 UI는 보통 나쁜 UX를 유발합니다.
    이 둘은 이렇게 밀접한 관계를 가지고 있기 때문에, UX가 좋지 않은 곳을 찾아냄으로써 UI 개선점을 찾아낼 수 있고, UI를 개선함으로써 UX가 좋아지기합니다.
    즉, UX와 UI는 서로를 계속해서 발전시킬 수 있는 관계라고 할 수 있습니다.

Custom Component

• Styled Components를 사용해 보면서 느낀 장점을 이야기해 주세요.
• useRef가 필요한 상황을 예시를 들어 설명해 주세요.

Redux

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

  • 상태란, 동적으로 변하는 데이터로, 상태는 자식 요소들끼리 교환하는 것은 불가능하기 때문에 항상 부모 요소로 부터 props로 넘겨 받아야 합니다. 이러한 조건으로 인해 props를 이용하여 state를 내려줄 때 이때 해당 state값이 필요하지 않는 컴포넌트에도 전달을 하려 내려 받아야하는 props drilling 문제가 발생하게 됩니다. 이는 상태관리의 복잡성을 키우기 때문에, 우리는 Redux와 같은 상태 관리 도구를 사용해서 props drilling을 막고 보다 더 효율적으로 상태를 관리할 수 있습니다.

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

웹 표준 & 웹 접근성

• Semantic HTML의 필요성을 예시를 들어 설명해 주세요.
  • 요소가 어떤 내용을 담고 있는지 아무 설명도 해주지 못하는 div나 span 요소 만으로 HTML을 구성하면, 개발자들 간에 id나 class명으로 일일히 표기해서 설명해야 합니다. 이는 불필요한 시간을 잡아먹을 뿐더러, 개발자들간의 소통도 저하시킵니다.
    또한 검색 엔진은 HTML 코드를 통해 문서 구조를 파악하는데, 이때 시멘틱한 요소를 사용하면 더 중요한 내용이 들어있는 우선순위를 정할 수 있고, 우선순위가 높다고 파악된 페이지를 검색 결과 상단에 표시할 수 있게 됩니다.
    뿐만 아니라, 웹 사이트를 개발할 때 항상 웹 접근성 향상을 고려하면서 해야 하는데 sementic 요소를 사용해서 HTMl을 작성하는 것 만으로도 웹 접근성을 향상 시킬 수 있습니다. 예를 들어 시각 장애인의 경우에는 스크린 리더를 사용 하게 되는데요, 이때 HTML이 시멘틱 요소로 구성되어 있다면 화면의 구조에 대한 정보까지 추가로 전달해 줄 수 있어 콘텐츠를 좀 더 정확하게 전달할 수 있습니다.

네트워크 심화

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

인증 / 보안

• Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해 주세요.
  • 해당 두 옵션은 간단히 말하자면 Cookie의 유효 기간을 정하는 옵션이라고 할 수 있습니다. maxage 옵션은 쿠키의 유효시간을 초 단위로 설정하는 옵션으로,
    마치 쿠키에게 시한부 옵션을 주는 것과 비슷하다고 볼 수 있습니다.
    Expires 옵션은 MaxAge와 비슷하지만 언제까지 유효한지 날짜를 지정 할 수 있습니다. 이후 지정된 시간, 날짜를 초과하게 되면 쿠키는 자동으로 파괴됩니다.
    해당 두 옵션을 설정하지 않으면 쿠키는 삭제 되는 일 없이 영원히 남아있게 될 것이고, 그만큼 탈취되기도 쉬워지게 됩니다. 따라서 이 두 옵션을 설정해 주는 것이 보안 측면에서 중요할 것입니다.