리액트의 커밋
렌더링 결과를 실제 DOM에 반영하는 단계
console 메서드
console.table(객체)
인수로 객체를 넣어주면 해당 객체를 table 형태로 예쁘게 보여줌
console.count(문자열 등)
인수로 문자열(예: 'test') 등의 값을 넣어주면
해당 문자열이 파일 내에서(컴포넌트 내에서?) 몇 번 호출되었는지 알려줌
console.time(문자열) + console.timeEnd(문자열)
- 리액트 공식 문서에서 알게 된 메서드
- console.time과 console.timeEnd 사이에 연산에 걸리는 시간을 알고 싶은 코드를 넣고 실행하면, 두 메서드에 인자로 들어간 문자열을 key로 해서 걸린 시간을 알려줌 (예: 'filter time': 0.15ms)
- 1ms 이상 걸리면 무거운 연산이므로 useMemo로 메모이제이션 해주기
typeof window !== 'undefined' 코드의 의미
'브라우저 환경일 때'를 말함 (= 'window 객체가 존재할 때')