hyebin
Post
Book
TIL
#JavaScript
5개의 포스트
모달의 배경을 누르면 모달이 닫히는 기능은 이벤트 버블링을 이용하여 쉽게 구현할 수 있었습니다. 하지만 모달 안에서 `Select` 컴포넌트의 드롭다운 후 외부를 클릭했을 닫히도록 동일하게 구현하였더니, 드롭다운이 닫히지 않았습니다.
stopPropagation의 충돌 발생! 이벤트 전파 자세히 알아보기
우리는 평소에 무한 스크롤을 자주 경험해봤습니다. 스크롤을 내릴 때마다 쇼핑 목록, 뉴스기사, 수많은 정보들등 새로운 데이터를 계속 불러와서 끊김 없이 내용을 제공하는 방식입니다. 사용자가 다음 페이지를 클릭하지 않고도 계속해서 콘텐츠를 볼 수 있어서 편리한 경험을 제공할 수 있습니다. 하지만 문제점이 있습니다. 데이터 양이 많아질수록 DOM에 추가되는 요소들이 많아지고, 브라우저가 처리해야 할 DOM 트리 크기가 커져 성능 저하가 발생할 수 있습니다. 특히 모바일 환경에서는 메모리 사용량이 급증하여 앱이 느려지거나 중단될 위험이 있습니다.
무한 스크롤과 가상 스크롤
자바스크립트로 개발을 하면서 복잡한 계산 처리나 오래 걸리는 작업을 처리할 일이 생겼다. 하지만 싱글 스레드 기반으로 동작하는 자바스크립트는 한계가 있었다. 자바스크립트는 싱글스레드 제약을 극복하고 병렬처리가 가능하도록 못하는 걸까 ? 효율적인 방법을 찾던 중에 웹 워커라는 것을 알게 되었다. 오늘은 웹 워커에 대해서 공부한 내용과 적용한 코드를 보면서 공부해보려고 한다.
Web Worker
부동소수점 이슈 해결
부동소수점 이슈 해결
base64 인코딩 원리
base64 인코딩 원리
