# TIL-20210719

# Today

  • 코딩 테스트 (문자열 압축 & LPS)
  • 기술면접 스터디

# Contents

  1. coding test
  • kakao blind 채용 문자열 압축 문제

react hook을 사용할 때 지켜야 할일

  1. 최상위 레벨에서 호출(component context)에서 작동해야 한다.
  2. 함수형 컴포넌트에서 호출해야 한다.

?자바스크립트 함수와 custom hook의 차이점

React가 re-rendering하는 알고리즘

휴리스틱 알고리즘

props drilling

값을 조작하는 컴포넌트와 표현하는 컴포넌트가 분리되어있어 일어나는 현상으로 자식 컴포넌트에 연속적으로 값이 전달되는 현상이다.

react-hook

this가 없이 구현이 가능하다. lifecycle을 관리하기 편하다.

CSR vs SSR

  1. view와 인터렉션이 언제 발생하는가
  2. SEO 전략에 대한 차이

React를 사용한 이유

  1. virtual DOM을 이용한 렌더링 최적화
  2. JSX를 통한 직관적인 Element 생성
  3. Component를 통한 재사용성 상승

lifecycle method 호출 순서 constructor > render > componentDidMount >

React Context 글로벌 스테이트를 관리하기 위한