[TIL]주특기입문_Day16

지냐킴·2022년 7월 26일
0

항해99 8기 TIL/WIL

목록 보기
16/41
post-thumbnail

22.07.26 화요일

🗓할일

CS 스터디 챕터 12,13 정리
CS 스터디 챕터 14 발표 준비
알고리즘 문제 2문제 풀기 > 1문제 풀었다.. 할게 너무 많아ㅠㅠㅠ
React 팀 과제 자료조사
과제시작
TIL 쓰기

🚀 TIL

CS 스터디

1일 1로그 100일 완성 IT지식

프로세서는 컴퓨터에서 가장 중요한 구성 요소이다.
프로세서는 산술 연산을 할 수 있고 메모리에서 연산을 수행할 데이터를 가져오거나 메모리에 저장할 수 있다. 또한 컴퓨터의 나머지 부분을 제어한다. 마우스,키보드,디스플레이 등 전기적으로 연결된 모든 장치에 대한 입력과 출력을 조직화하고 조정한다
프로세서는 현재 처리 중인 데이터를 기반으로 다음 할 일을 결정 할 수 있다 곧 스스로 전체 시스템을 운영할 수 있다.

React 팀 과제

라이프사이클 메소드를 사용할 수 없는 함수형 컴포넌트에서는 event listener를 해제할 때 어떻게 해야할까요?

이벤트를 등록하고 난 뒤 성능 저하를 방지하기 위해 컴포넌트가 언마운트 될 때 꼭 이벤트 등록을 해제해주어야 한다. 함수형 클래스에서는 useEffect의 내부 함수의 return값으로 removeEventListener를 통해 해제해주면 된다.

useEffect(() => {
    document.addEventListener();
  
  	return () => {
      document.removeEventListener();
    }
  }, [])

React Hook이란?

Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있다
함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능 등을 제공한다.
왜 함수형 컴포넌트로 바꿀까? react를 배우는 데에 있어서 클래스는 큰 진입장벽이었다. 코드의 재사용성과 코드 구성을 어렵게 만들고, this의 사용이나 이벤트 핸들러의 등록 등 기본적인 JS 문법 사항을 알아야 다룰 수 있기 때문이다. 또한 클래스는 잘 축소되지 않고, reloading을 깨지기 쉽고 신뢰하기 어렵게 만든다. 따라서 react의 최신 기술들이 클래스형 컴포넌트에 효과적으로 적용되지 않았다.

출처

알고리즘

[Programmers] 제일 작은 수 제거하기- JS

💬

profile
코린이일기

0개의 댓글

관련 채용 정보