Section3 기술면접

방법 

1. 답변을  한 마디로 정리

2. 해당 질문의 중요 포인트를 2~3개 선정 

3. 답변의 중요 포인트와 함께 다시 정리 

 

✅  재귀

• 재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해주세요.
  •  재귀는 자기 자신을 호출하는 함수 형태인 재귀함수로 많이 활용됩니다. 재귀함수는 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우에 사용합니다. 예를 들어, 직전 두 수의 합으로 구성된 피보나치 수열의 n번째 수를 구할 때, n이 커질 수록 중첩 횟수는 많아지고 반복되는 수를 예측하기도 귀찮아지는 경우 재귀함수를 사용하면 n의 값과 상관없이 간결하고 일관된 함수를 사용할 수 있습니다.
  • https://wayhome25.github.io/cs/2017/04/15/cs-16-1-recursion/

# 피보나치 수열의 index n의 값을 리턴
# 피보나치 수열 : 1, 1, 2, 3, 5, 8, 13, 21, 34 ...
def fibo(n):
    # 재귀함수는 탈출조건이 꼭 필요하다.
    if n == 0 or n == 1:
        return 1
    return fibo(n-2) + fibo(n-1)

# index n까지의 피보나치 수열 구하기
def fibo_list(n):
    for i in range(n):
        print(fibo(i), end= " ")

 

✅  UI/UX

• UI, UX의 개념과 두 개념의 관계에 대해서 설명해주세요.
  • UI는 User Interface의 약자로 사용자와 직접 상호작용하는 요소를 뜻하며 버튼 등을 이용한 물리적 상호작용과, 화면에 보이는 GUI 등을 포함합니다. 반면 UX는 User Experience의 약자로 말 그대로 사용자가 서비스를 사용하면서 느끼는 종합적인 만족도를 뜻하며, 여기에는 앞서 말한 UI의 시각적인 요소 뿐만아니라 기능, 감성, 가격, 사후 처리 등 사용중 느끼는 모든 것을 포함합니다. 추가적으로 UX가 UI를 포함하기에 일반적으로 좋은 UX를 제공하기 위해서는 FE개발자로서 좋은 UI를 구성하는 것이 필요하다.
  • https://velog.io/@jeju_daun/UIUX-UI-UX%EC%9D%98-%EA%B4%80%EA%B3%84

 

✅  Custom Component

• Styled Components를 사용해보면서 느낀 장점을 이야기해주세요.
  • Styled Components는 컴포넌트 단위 개발 방향성을 띄는 css방법론인 CSS-in-JS에서 가장 인기있는 라이브러리입니다. Styled Components는 css를 컴포넌트 안으로 캡슐화 할 수 있다는 장점을 지니며, 하나의 js 파일 안에서 html, js, css까지 묶어서 한 번에 개발할 수 있다는 장점을 가지고 있습니다. 
  • https://getliner.com/picked-by-liner/reader-mode?url=https%3A%2F%2Fvelog.io%2F%40ken1204%2Fstyled-components-%25EC%2584%25A0%25EC%25A0%2595%25EC%259D%2598-%25EC%259D%25B4%25EC%259C%25A0
  • 평가 >> 경험에 빗댄 장점을 말해주면 더 좋을것 같다./ 재사용성이라는 키워드, 파일을 하나로 통합할 수 있다는거 언급/ 실제 사용에 빗댄거면 더 좋음 / 두괄식은 좋았지만 경험예시를 조금 더 풍부하게 들어주셨으면 좋았을 것 같다. 

✅  Redux

• 상태관리 라이브러리의 필요성에 대해서 설명해주세요.
  •  상태관리 라이브러리는 앱의 상태를 별개의 장소에 보관하고, 여러 명령어를 통해서 이에 접근하는 방식이다.
    React에서는 상위 컴포넌트에 하위 컴포넌트로 props를 넘기고 하위 컴포넌트에서 상위 컴포넌트로 useState를 이용한 '상태 끌어올리기'를 통해서 상태를 관리한다. 즉, 각각의 컴포넌트가 1대 1로 연결된 구조인데 만약 복잡한 컴포넌트 연결구조 사이에서 중간의 컴포넌트를 변경하고자 하는 경우에 상태가 제대로 연결되어 있는지, 변경되어야 할 것은 무엇인지 각 컴포넌트 코드에서 각각 비교하며 수정해야만 한다. 또한 상,하위 컴포넌트가 5회 이상 중첩된 경우에는 props가 중첩되어 유지보수가 힘들어지고, 성능에 악영향을 줄 수 있는 'props drilling'이 발생할 수 있다.
    따라서 위의 문제점을 개선하기 위해서는 상태관리 라이브러리가 효율적일 수 있다. 

 

✅  인증 / 보안

• Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해주세요.
  • MaxAge와 Expires옵션은 모두 브라우저에서 쿠키를 얼마나 오래 보관할 것인가를 설정하는 옵션입니다.이 두 설정을 이용하면브라우저를 닫아도 쿠키가 삭제되지 않습니다. expires의 경우 유효일자를 말하며 만료일을 날짜와 시간으로 구성된GMT(Greenich Mean Time)을 포맷으로 설정해야 합니다. MaxAge의 경우에는 얼마나 오래 유효할 것인지를 분이나 시간 단위로 설정합니다.
  • 보완 -> 쿠키는 http 비상태성을 보완하기 위한 장치라는 것 먼저 언급 , 맥스에이지가 더 우선순위가 높게 형성됨도 함께 언급, 세션쿠키 영속성 쿠키 등 키워드 추가