본문 바로가기
728x90

TECH49

이벤트 전파 🖐🏻 이벤트 전파(Event Propagation)는 웹 브라우저에서 이벤트가 DOM(Document Object Model) 트리 상에서 어떻게 전달되는지를 이해하는 데 중요한 개념이다.크게 이벤트 캡처링(capturing), 이벤트 타겟(target), 이벤트 버블링(bubbling) 세 단계로 나뉘며, 이 과정에서 이벤트 리스너가 어떻게 동작하는지 알 수 있다. 이벤트 전파란?이벤트 전파는 브라우저가 이벤트를 발생시킨 요소뿐 아니라 그 부모, 조상 요소에 대해서도 이벤트를 전달하는 과정이다.예를 들어 버튼을 클릭하면 버튼뿐 아니라 그 버튼을 감싸고 있는 div, body, html까지 이벤트가 전달될 수 있다. 이 전파에는 두 가지 주요 경로가 있는데캡처링(캡처 단계, Capturing phase)버블링.. 2025. 7. 4.
면접 예상 질문 🙋‍♀️ 1️⃣ 웹사이트에서 assets/resources를 최적화하는 방법웹사이트 성능을 향상시키기 위해 다음과 같은 자원 최적화 방법이미지 최적화: WebP, AVIF와 같은 최신 포맷 사용, lazy loading 적용, SVG 활용CSS/JS Minification: 주석과 공백을 제거하여 파일 크기 최소화Code Splitting & Tree Shaking: 필요한 코드만 로딩되도록 하여 초기 로딩 속도 향상캐싱 전략 설정: 적절한 cache-control 헤더를 통해 정적 파일을 브라우저에 캐시CDN 활용: 전 세계적으로 분산된 서버에서 자산을 제공하여 로딩 속도 향상2️⃣ 페이지 로드 시간을 줄이는 세 가지 방법Lazy Loading: 필요할 때만 이미지나 리소스를 로드Critical CSS Inli.. 2025. 7. 3.
이벤트 트래킹과 헤비포인트 🎭 사이트를 만들면 사용자의 인입을 확인하기 위해 붙이는 툴이 있다. 이벤트 트래킹 툴인데 종류도 다양하고, 그 안에서 보는 몇 가지 기준을 공부해보았다. PV페이지 뷰 (Page Views)는 사이트 중 한 페이지를 기준으로 요청 수를 세는 단위를 말한다.페이지 = 횟수 = 사용자의 관심 있기가 있거나 볼거리가 많은 페이지라고 생각하면 된다. 그러나, 같은 페이지를 새로고침해도 증가한다.이 페이지에 다른 메뉴나 링크를 제공하여 사이트의 머무는 시간과 수를 더 늘릴 수 있다. UV순 방문자 수 (Unique Visitor)는 한 명의 방문자가 여러 번 페이지를 요청해도 중복되는 값을 제외한 순수 단위를 말한다.다만, IP나 쿠키 값에 따라 다른 사용자로 판단할 수 있기 때문에 순 방문자 수 = 사람 수라고는.. 2025. 7. 2.
도메인이 다를 때 Cookie 인식 방법 🍪 왜 도메인이 다르면 쿠키를 공유 못할까?웹 브라우저는 보안을 위해 쿠키를 도메인마다 따로따로 관리하기 때문에abc.com에 저장된 쿠키는 abc.com에서만 볼 수 있고xyz.com에서는 그 쿠키를 못본다.그래서 다른 도메인끼리는 서로 쿠키를 직접 읽거나 쓸 수 없다. 도메인이 다르면 일반적인 방법으로는 쿠키가 서로 인식되지 않는다.하지만 특정 조건을 만족하거나 대체 방법을 사용하면 다른 도메인 간에도 사용자 상태나 인증 정보 등을 공유할 수 있다 ‼️ 1️⃣ SameSite=None + Secure 설정을 통한 공유 (예: a.example.com, b.example.com)쿠키에 SameSite=None; Secure 속성을 지정하면 서드파티 도메인에서도 쿠키가 포함된 요청을 보낼 수 있다.단, 서로.. 2025. 7. 1.
728x90

티스토리툴바