[기타/스터디] 면접스터디 (1회: 240228)

기술면접 문제

1번 참가자

• 상태관리하는 이유와 하는 방법
  • 성능개선(props drilling, 불필요한 리랜더링 방지)을 위해 상태관리 함
  • 상태(state): 컴포넌트에 대한 데이터를 가진 객체
  • 지역적인 상태관리: useState 훅을 사용 ==> props drilling의 한계
  • 전역적인 상태관리: redux, recoil등의 여러 상태관리 라이브러리 활용 ==> props drilling 극복, 협업 및 유지/보수에 용이
• Redux란? 사용하는 이유?
  • 전역 상태관리 라이브러리
  • 성능개선 (불필요한 리랜더링 방지, 상태관리 복잡성 해결)
• Redux 외의 라이브러리
  • Recoil
    • 페이스북에서 개발한 react 전용 라이브러리로 호환성이 우수하다
    • 비동기 처리, 코드 스플리팅 등의 기능 제공
    • atom에 state를 담아서 관리함
• CPU와 메모리의 동작
  1. 주기억장치가 입력장치에서 입력받은 데이터 혹은 보조기억장치에 저장된 프로그램을 읽어옴
  2. CPU는 프로그램을 실행하기 위해 주기억장치에 저장된 프로그램 명령어와 데이터를 읽어와 처리하고 결과를 다시 주기억장치에 저장
  3. 주기억장치는 처리 결과를 보조기억장치에 저장하거나 출력장치로 보냄
  4. CPU 내의 제어장치가 1~3번 과정에서 명령어가 순서대로 실행되도록 각 장치들을 제어함

2번 참가자

• http, https 차이점 ==> https://terryehlee.tistory.com/204
• 라이프사이클이란 ==> https://terryehlee.tistory.com/205
• 라이프사이클 메소드 ==> https://terryehlee.tistory.com/217

3번 참가자
* 'naver'를 주소창에 치면 일어나는 일 ?
==> 대기열, 캐싱, DNS, 라우팅, ARP, 초기연결을 거쳐 컨텐츠를 다운받게 되고 이 후 브라우저렌더링 과정을 거쳐 네이버라는 화면이 나타나게 됩니
다. 또한 이러한 과정이 캡슐화, 비캡슐화과정을 거쳐서 이뤄지게 됩니다.

* useMemo
    ==> useMemo는 계산 비용이 많이 드는 함수의 결과를 캐시하여 성능을 최적화하는 데 사용된다. 이 Hook을 사용하면 함수가 실행될 때마다 계                     산하지 않고 이전에 계산한 결과를 재사용 할 수 있다. 복잡한 계산을 수행하는 함수가 자주 호출될 때와 컴포넌트가 다시 렌더링 될 때마다                계산이 반복되는 경우에 유용하다.

* http, https 차이점 ==> https://terryehlee.tistory.com/204

* stack 과 queue의 차이점
    ==> Stack은 먼저 넣게 되는 자료가 마지막으로 나오게 되는 LIFO(Last In First Out) 구조입니다. top을 통해서 push, pop을 하면서             삽입, 삭제가 일어나고 DFS나 재귀에서 사용됩니다.

        Queue는 먼저 넣게 되는 자료가 먼저 나오게 되는 FIFO(First In First Out) 구조입니다. 한 쪽 끝에서 삽입 작업을, 다른 쪽 끝에             서 삭제 작업을 진행합니다. 주로 데이터가 입력된 시간 순서대로 처리해야하는 경우 사용하며 BFS나 캐시를 구현할 때 사용됩니다.