조각 지식: 리액트의 커밋, console 메서드로 가능한 것들, typeof window !== 'undefined' 의미

Sheryl Yun·2023년 10월 23일
0

개발 상식 쌓기

목록 보기
9/11
post-custom-banner

리액트의 커밋

렌더링 결과를 실제 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 객체가 존재할 때')

profile
영어강사, 프론트엔드 개발자를 거쳐 데이터 분석가를 준비하고 있습니다 ─ 데이터분석 블로그: https://cherylog.tistory.com/
post-custom-banner

0개의 댓글