소소팁

웹브라우저의 개발자도구 응용프로그램 탭을 클릭하면 캡쳐화면과 같은 항목들이 나옵니다.

해당 항목에 대한 간략한 설명을 담았습니다.

Storage 항목

1. Local Storage:
   • 웹 애플리케이션이 브라우저에 데이터를 저장할 수 있는 영구적인 저장소입니다. 이 데이터는 브라우저가 닫혀도 유지됩니다. 보통 키-값 쌍으로 데이터를 저장합니다.
2. Session Storage:
   • Local Storage와 유사하지만, 데이터가 세션이 끝날 때(탭이나 브라우저를 닫을 때) 삭제됩니다. 사용자가 페이지를 새로 고칠 때만 데이터를 유지합니다.
3. IndexedDB:
   • 브라우저에 대량의 데이터를 저장할 수 있는 비관계형 데이터베이스입니다. 복잡한 쿼리를 사용할 수 있고, 구조화된 데이터를 저장하는 데 적합합니다.
4. Cookies:
   • 웹 사이트가 사용자의 정보를 로컬에 저장할 수 있는 작은 데이터 조각입니다. 쿠키는 세션 쿠키(세션이 끝나면 삭제됨) 또는 영구 쿠키(설정된 기간 동안 유지됨)로 나뉩니다. 로그인 정보나 사용자 환경 설정을 저장하는 데 사용됩니다.
5. Private State Tokens:
   • 이 항목은 비공개 상태 토큰으로, 추적 방지나 프라이버시 보호 목적으로 사용될 수 있는 새로운 메커니즘입니다. 사용자의 신원을 확인하거나 인증하는 동안 개인 정보를 노출하지 않도록 돕습니다.
6. Interest Groups:
   • 사용자가 관심 있는 주제나 항목에 대한 데이터를 기반으로 하는 그룹입니다. 이 항목은 주로 타겟 광고나 맞춤형 콘텐츠 제공에 사용됩니다.
7. Shared Storage:
   • 여러 페이지나 도메인 간에 데이터를 공유하는 데 사용될 수 있는 저장소입니다. 웹 애플리케이션이 동일한 데이터를 여러 소스와 공유할 때 사용합니다.
8. Cache Storage:
   • 애플리케이션이 필요한 리소스를 오프라인으로 캐싱하는 공간입니다. 캐시 스토리지를 사용하면 애플리케이션이 네트워크가 불안정하거나 오프라인 상태에서도 작동할 수 있습니다.
9. Storage Buckets:
   • "저장소 버킷"은 다양한 저장소 유형(Local Storage, IndexedDB 등)의 구체적인 컨테이너로, 데이터 수명, 우선순위 및 관리 정책을 정의할 수 있습니다.

Background Services 항목

1. Back/forward cache:
   • 브라우저의 뒤로가기 또는 앞으로 가기 버튼을 사용할 때 페이지가 빠르게 로드될 수 있도록 하는 캐시입니다. 페이지를 다시 로드하지 않고 메모리에 저장된 상태로 표시됩니다.
2. Background fetch:
   • 사용자가 페이지를 떠난 후에도, 대용량 파일이나 데이터를 백그라운드에서 계속 다운로드할 수 있도록 지원하는 기능입니다. 예를 들어, 파일 다운로드가 브라우저를 닫아도 중단되지 않습니다.
3. Background sync:
   • 인터넷 연결이 끊겼다가 복구되었을 때, 웹 애플리케이션이 백그라운드에서 작업을 다시 동기화할 수 있도록 도와주는 기능입니다. 예를 들어, 오프라인 상태에서 사용자가 작성한 내용을 저장한 후, 온라인으로 전환되면 자동으로 서버에 전송됩니다.
4. Bounce tracking mitigations:
   • "바운스 트래킹"은 사용자가 여러 사이트를 빠르게 이동할 때 그 움직임을 추적하는 방식입니다. 이 항목은 이러한 추적을 방지하기 위한 기능을 나타냅니다. 사용자 프라이버시를 보호하기 위한 방법 중 하나입니다.
5. Notifications:
   • 웹 애플리케이션이 브라우저를 통해 사용자에게 알림을 보낼 수 있는 기능입니다. 사용자에게 중요한 정보를 실시간으로 전달할 수 있습니다.
6. Payment handler:
   • 웹 결제를 처리하기 위한 서비스입니다. 웹 애플리케이션이 결제 정보를 처리하고 결제를 실행할 수 있는 기능을 제공합니다.
7. Periodic background sync:
   • 주기적으로 백그라운드에서 데이터를 동기화하는 기능입니다. 일정한 간격으로 서버와 동기화하여 최신 데이터를 유지할 수 있습니다.
8. Speculative loads:
   • 사용자가 다음에 방문할 가능성이 높은 페이지의 리소스를 미리 로드하는 기능입니다. 페이지 로딩 속도를 향상시키기 위한 방법입니다.
9. Push messaging:
   • 웹 애플리케이션이 사용자에게 푸시 알림을 보내는 기능입니다. 사용자가 애플리케이션을 사용하지 않더라도 서버에서 정보를 보낼 수 있습니다.
10. Reporting API:

• 웹 애플리케이션의 오류나 성능 관련 데이터를 수집하고 서버에 보고할 수 있는 API입니다. 개발자들이 애플리케이션의 상태를 모니터링하고 개선하는 데 사용합니다.