230821

Recoil 관련
https://talkwithcode.tistory.com/75
https://talkwithcode.tistory.com/76
링크 읽어보기

1. React.memo()

: 리액트에서 컴포넌트 효율성을 최적화 시켜주기 위한 메서드
: 컴포넌트에서 리렌더링이 필요한 상황에서만 리렌더링을 하도록 설정해줌

사용예시

export default DraggableCard;
↓↓↓
export default React.memo(DraggableCard);

2. map()

: 자바스크립트 배열객체안에 들어가있는 아이템을 선택해서 하나씩 반복실행하고자 할 때 사용

3. Object.keys() & Object.values()

: 자바스크립트 객체타입에서 map()과 동일하게 작동할 수 있는 메서드
: 객체의 key/value를 배열로 추출해줌

const toDos = {
    x: ["a", "b"],
    y: ["n", "t"]
}
// undefined
Object.keys(toDos)
// ['x', 'y']
Object.values(toDos)
// ['a', 'b']
// ['n', 't']
toDos
// {x: ["a", "b"], y: ["n", "t"]}
toDos["x"]
// ['a', 'b']
Object.keys(toDos).map(boardId => toDos[boardId])
// [['a', 'b'], ['n', 't']]

4.

html 요소 안에 입력되어있는 클래스 혹은 아이디 값을 가져와서 특정 변수에 할당하는 역할
자바스크립트 - querySelector / getElementById
리액트 - useRef()