본문 바로가기
728x90

프론트엔드 개발2

HTTP vs 이벤트(Event) 🔍 HTTP vs 이벤트(Event) — 차이점, 원리, 장단점, 사용 시점까지 완전 정리웹 개발이나 서버 아키텍처를 공부하다 보면 흔히 접하게 되는 개념이 바로 HTTP 통신과 이벤트 기반 처리입니다.하지만 두 개념의 구조, 동작 방식, 사용 목적은 완전히 다릅니다.이번 포스팅에서는 HTTP와 이벤트의 차이점을 개념부터 동작 방식, 장단점, 사용 시점까지 깔끔하게 정리해 드립니다.✅ 1. 개념 요약항목HTTP이벤트 (Event)정의클라이언트가 서버에 요청하고 응답을 받는 방식특정 사건이 발생하면 미리 등록된 함수가 실행되는 구조방향단방향 요청-응답 구조비동기, 반응형 처리주체클라이언트가 주도이벤트 발생자가 주도예시API 요청, 웹페이지 불러오기버튼 클릭, WebSocket 메시지 수신✅ 2. 동작 방.. 2025. 5. 7.
Material UI Popper 컴포넌트 버그 케이스 대응 기록 및 동작 구조 목차Popper 컴포넌트 소개버그 케이스별 대응 기록위치 설정 오류렌더링 타이밍 이슈리사이징 및 스크롤 문제z-index 및 오버레이 이슈Popper 동작 구조 도식화렌더링 프로세스포지셔닝 메커니즘가상 요소 활용최적화 전략Popper 컴포넌트 소개Material UI의 Popper 컴포넌트는 @popperjs/core 라이브러리를 기반으로 구현된 컴포넌트로, 툴팁, 드롭다운, 메뉴 등 다양한 팝오버 UI 요소를 화면에 표시하는 데 사용됩니다. Popper는 포털(Portal)을 통해 DOM의 계층 구조와 독립적으로 렌더링되며, 지정된 앵커 요소(anchorEl)를 기준으로 위치가 계산됩니다.import { Popper } from '@mui/material'; {({ TransitionProps }) .. 2025. 4. 22.
728x90