TIL 👩🏻‍💻

1. useEffect Hook

& side effect [React]

• useEffect(() => {}, [])

  • 첫번째 인자는 함수, side effect를 일으킴
  • 두번째 인자는 어떤 값의 변경이 일어날 때를 의미하는 조건을 담고 있음(배열)

• 컴포넌트 내부에서 useEffect hook 씀으로써 => causing side effect in a functional Component, and state&props 접근 가능

• effect를 쓰는 경우: requesting React to execute function that is passed as an argument everytime the Component renders.

  • useEffect runs after every render of the Component.
    *class component; initial & update both run after first render and after every update

• 최상위 컴포넌트에서만 hook을 호출해야하며 React 함수 내에서 hook을 호출해야 함

Conditionally run effects

Codevolution - React Hook Tutorial 영상 6번~8번

상태 끌어올리기(lifting state up)

: 하위 컴포넌트에서의 클릭 등의 이벤트가 상위(부모) 컴포넌트의 상태를 바꾼다.
상위 컴포넌트의 상태를 변경할 함수 자체를 (마치 콜백처럼) handler로 하위 props로 전달, 이 함수를 하위 컴포넌트가 실행한다.

2. Algorithm

• 코딩테스트문제 - 이진탐색(Binary Search) *재귀로도 가능(구현해보기)

• big O 시간복잡도 nomad coder