강의 정리/코드잇 리액트 강의 모음

리액트에서 훅이란? 1. 클래스 컴포넌트에서 사용된 기능을 동일하게 함수형 컴포넌트에서도 사용하기 위함. 2. 리액트가 제공하는 기능에 연결해서 그 값이나 기능을 사용할 수 있는 함수. 리액트 훅의 규칙 1. 리액트 컴포넌트 함수나 커스텀 훅에서 실행되어야 함. 2. 함수의 최상위에서 실행되어야 함 (반복문 ,조건문 안에서 X)

리액트에서는 if문을 사용하는 대신 논리 연산자와 삼항 연산자를 이용한다. AND 연산자 {show && 보인다 } 위의 경우 show가 true일 때만 p태그가 보인다. {show || 보인다 } show가 false일때만 렌더링 한다. 삼항연산자 {toggle ? ✅ : ❎} const nullValue = null; const undefinedValue = undefined; const trueValue = true; const falseValue = false; const emptyString = ''; const emptyArray = []; 위의 값들은 렌더링이 되지 않는다.

페이지네이션이란? - 책의 페이지처럼 데이터를 나눠서 제공하는 것 페이지네이션의 종류 - 오프셋 기반 - 커서 기반 오프셋 기반 페이지 네이션 오프셋은 한마디로 '지금까지 받아온 데이터의 개수` 리미트(limit)는 더 받아올 데이터의 개수 오프셋 기반 페이지 네이션의 문제점 데이터가 추가되면 21~30번까지 받아와야 하는데 20~29까지 받아 20이라는 데이터가 중복되게 된다. 글이 삭제되면 21데이터가 누락되게 된다. 커서 기반 페이지네이션 커서 = 데이터를 가리키는 값 = 지금까지 받은 데이터를 표시한 책갈피 커서 기반의 장점: 위의 문제들이 해결된다. 커서 기반의 단점: 서버입장에서는 구현하기 까다롭다. 데이터가 자주 바뀌지 않는다면 오프셋으로 충분하다. 정리하자면 오프셋은 받아온 개수 기준 커서..