JavaScript 2

[JavaScript] 싱글톤(Singleton) 패턴 사용하기

싱글톤(Singleton) 패턴 이란?싱글톤 패턴은 하나의 클래스에 대해 단 하나의 인스턴스만 존재하도록 보장하는 디자인 패턴.즉, 객체가 여러 개 생성되지 않도록 막고, 어디서든 같은 객체를 공유 하는 것. 싱글톤을 사용하는 이유?1. 객체를 하나만 유지해야 하는 경우어떤 객체는 하나만 존재해야 의미가 있는 경우.예:게임 루프 (GameLoop): 게임이 한 번만 실행되어야 함.설정 관리 (SettingsManager): 모든 곳에서 같은 설정을 유지해야 함.데이터베이스 연결 (DatabaseConnection): 하나의 연결을 공유해야 함.로그 시스템 (Logger): 여러 개의 로거를 만들면 로그가 분산될 수 있음.싱글톤을 사용하면 이런 객체를 중복 생성하지 않고 하나의 인스턴스만 사용 가능. 게임..

JavaScript 2025.02.17

[JS/HTML] Throttling navigation to prevent the browser from hanging 에러 [크롬브라우저]

이번에 웹페이지 작업을 하다가 페이징을 했는데 버튼을 연속 클릭을 빠르게 하여 페이징을 하게 되면브라우저 보호를 위해 스로틀링을 적용한다고합니다.  오류의 발생원인IPC Flooding Protection1. Chrome 브라우저는 너무 빠른 페이지 네비게이션을 감지하면 브라우저 보호를 위해 스로틀링을 적용 2. IPC(Inter-Process Communication) flooding을 방지하기 위한 보안 메커니즘 3. 사용자가 페이지네이션 버튼을 빠르게 연속 클릭할 때 발생 History API 과다 사용1. window.history.replaceState({}, '', newUrl);    페이지 상태 변경마다 History API를 호출 짧은 시간내 많은 History 업데이트 발생 해결책디바운..

JavaScript 2024.11.28