728x90 tech2 DOM에 관하여 lighthouse로 사이트의 성능을 측정해보면 과도한 DOM 크기를 지향 (Avoid an excessive DOM size) 하라는경고가 표시될 때가 있다. DOM 크기가 크면 메모리 사용량 증가화면에서 보여줄 스타일 계산에 많은 비용 발생이러한 이유로 저성능 디바이스에서는 사용자 경험에 더욱 좋지 않다.여기서 중요한 건, DOM 요소의 개수가 아니라 깊이! 동일한 요소의 수를 가지고 있는 A, B가 있을 때// A … … …// B Img 태그 요소에 접근하려면A: body.children[2]B: body.children[0].children[0].children[0],children[0]요소의 수는 같지만 트리 구조가 같지 않아. 때문에, 트리가 깊어질수록 속도가 .. 2025. 10. 27. ZonedDateTime const now = new Date(); 위의 코드는 문제점이 있다.시간대를 알 수 없음화면에 보여줄 때와 데이터를 저장할 때 값 불일치 (서버는 UTC, 클라이언트는 로컬 시간대로 보여주는 경우가 많음)DST(Summer Time) 문제 (하절기에 국가의 표준시보다 한 시간 앞당겨 사용 - 해외주식 할 때 경험 가능)자바스크립트에서 Date 객체는 Number 타입이기 때문에 관점 원래 날짜의 의미가 사라지고, 정확히 알 수 없다. 이러한 문제를 해결하기 위해 시간대가 포함된 날짜/시간 표현 방식이 필요 import dayjs from 'dayjs';import utc from 'dayjs/plugin/utc';import timezone from 'dayjs/plugin/timezone';dayjs.. 2025. 5. 19. 이전 1 다음 728x90
