전체 글 (75) 썸네일형 리스트형 [React] 비 효율적인 Render 막기 비 효율적인 렌더링을 막는 방법 1. 컴포넌트들을 분리해라 2. 말단 컴포넌트들은 memo로 감싸라 3. 연산이 많은 함수의 경우 useMemo로 cashing되도록 해라. memo : 부모 컴포넌트들이 리렌더링 될때 memo를 자식에 감싸면 props가 바뀌지 않는 한 렌더링되지 않는다. useMemo : hooks안에서 개별 값을 cashing하고 싶다면 사용, cashing을 갱신해야되는 데이터의 경우 deps에 넣어라. [React] 유용한 API 및 라이브러리 날짜 커스텀 momentjs date-fns dayjs luxon 스크롤바 커스텀 react-custom-scrollbars 사용자 해시태그 mention [Javascript] optional chaining .? ?.는 3가지 형태가 있다. obj?.prop는 obj가 존재한다면, obj.prop 존재하지 않으면 undefined obj?.[prop]는 obj가 존재한다면, obj.prop 존재하지 않으면 undefined obj.method?.()는 obj.method가 존재한다면, obj.method() 존재하지 않으면 undefined ?.는 직관적이고 사용하기 쉽다. ?.는 깊숙한 곳에 있는 프로퍼티에 안전하게 접근할 수 있도록 도와준다. ?.는 꼭 없을 수도 있는 변수에만 사용해야 한다. 프로그래밍적으로 발생하는 에러를 가려버리기 때문에 잘못 사용했을 때는 되려 디버깅하기 어려워질 수 있다. 이전 1 ··· 4 5 6 7 8 9 10 ··· 25 다음