20240729 50일차
초기 페이지 로드 시에 한번에 모든 소스 (이미지나 영상 등)를 로드하면 로딩 시간이 길어지기 때문에 일부러 소스의 로드를 지연시키는 것을 의미한다. 주로 스크롤 시에 소스를 로드하는 방식을 사용한다. 이로서 초기 페이지 로드 시간을 줄일 수 있기 때문에 사용자 경험을 향상시킬 수 있다.
Intersection Observer API 라이브러리를 이용해서 해당 소스 태그가 화면에 보여졌을 때 활성화시키는 방식으로 lazy-loading을 이용할 수 있다.
웹 개발자가 여러 웹 브라우저(Chrome, Firefox, Safari, Edge 등)에서 동일한 웹 페이지나 애플리케이션이 일관되게 작동하도록 보장하는 기술이다. 브라우저마다 HTML, CSS, JavaScript를 해석하는 방식이 조금씩 다르기 때문에 어느 환경이든 정상적으로 보여지게 하는 것이 중요하다.
문자열에서 특정 패턴을 찾고, 일치하는 부분을 조작하거나 검증하는 데 사용하는 표현식이다.
예를 들어 휴대폰 번호를 검증해야 할 때, 이메일 주소의 형식(OOO@OOO.도메인)을 검증하거나 특정 단어를 텍스트에서 찾는 작업에 유용하다.