• React는 라이프 사이클이 있다. 컴포넌트의 라이프 사이클 순서는 크게Mounting(마운팅) -> Updating(갱신) -> UnMounting(언마운팅) 과정을 거친다.

    • 마운팅은 컴포넌트가 DOM 노드에 추가할 때 발생한다.
    • 갱신은 props나 state가 변경되어 React 엘리먼트를 갱신할 때 발생한다.
    • 언마운팅은 React element를 DOM 노드에서 제거할 때 발생한다.
  • 컴포넌트가 불필요하게(state가 변경되지 않았는데) 다시 render 되는 것을 확인했다. shouldComponentUpdate를 이용하여 라이프 사이클 이벤트를 컨트롤 할 수 있었다.

    shouldComponentUpdate(nextProps, nextState){
     return this.state.value != nextState.value; 
    }

    default로 shouldComponentUpdate는 true를 return 하며 위와 같이 state가 변경되어야 render 함수를 호출할 수 있도록 만들 수 있다. React.PureComponent를 이용하여도 같은 효과를 낼 수 있다.

  • JavaScript의 이벤트 위임에 대해서 공부했다.

    element를 추가하거나 삭제하는 등 DOM에서 동적으로 element를 조작해야하는 일이 많을 때 하위 요소들에 매번 이벤트 리스너를 연결하지 않고 상위 요소 하나에만 이벤트 리스너를 연결해줄 수 있다.

    • 이벤트 바인딩 하는 횟수가 줄어들기 때문에 이벤트 리스너가 사용하는 메모리 총 사용 공간도 줄여줌
  • 코딩 인터뷰 책의 1.2 순열 확인 문제를 풀었다.

간단 일기

갑자기 너무 헛헛해졌다. 이렇게 해서 근데 뭐할건데? 회사 들어가면? 그 다음은? 그 다음은 ? 생각하다보니 답이 없었다.
지금이야 이렇게 공부하는게 재밌고 앞으로 어떤 곳에서 일하게 될까라는 기대 때문에 더 열심히 하게 된다만서도 회사에 가면..? 그게 그럼 끝인가? 라는 의문이 들었다. 흠 그냥 왠지 모르게 책을 좀 더 읽어야할 거 같아서 읽다만 사피엔스 책을 한시간 동안 읽었다. 한 달 동안 안갔던 요가도 다시 갔다왔다.