네트워크/HTML (4) 썸네일형 리스트형 HTML 에서 로깅 스크립트 위치 고려 | Chat GPT ChatGPT 질문한 이유페이지 개선하는 작업 중 로깅 스크립트 위치를 고려하게 되었다.HTML 에서 로깅 스크립트의 최적 위치를 알아보자.HTML 에서 로깅 스크립트 위치일반적으로 로깅 스크립트(logging script)는 HTML 문서의 끝부분이나 에 위치시키는 것이 일반적입니다. 그 이유는 다음과 같습니다. 페이지 로딩 성능 최적화로깅 스크립트는 사용자 활동을 추적하거나 서버로 데이터를 전송하는 등의 부가적인 작업을 수행하는 스크립트입니다.페이지의 주요 콘텐츠와는 직접적인 관련이 없기 때문에, 페이지가 완전히 로드된 후 실행되도록 직전에 배치하는 것이 좋습니다.이렇게 하면 페이지 로딩 시간이 짧아지고 사용자 경험이 향상됩니다.중요한 요소의 로딩 우선중요한 페이지 콘텐츠나 기능이 먼저 로드되도록.. <footer> 요소 role 속성 설명 | ChatGPT 요소 role 속성role 속성이란 WAI-ARIA(Web Accessibility Initiative - Accessible Rich Internet Applications) 사양의 일부입니다.웹 페이지나 애플리케이션의 요소들이 어떻게 보조기기(스크린 리더 등)에 의해 해석되고 상호작용할지를 명시합니다.role 속성 값1. none / presentation요소를 접근성 트리에서 무시합니다. 즉, 는 시각적으로는 표시되지만 스크린 리더와 같은 보조기기에서는 무시됩니다.사용 예: 시각적으로는 푸터로 표시되지만, 구조적으로나 의미적으로는 페이지의 푸터가 아닌 경우2. navigation요소가 탐색 링크 모음임을 명시. 내에 탐색 링크(예: 사이트 맵, 정책 링크 등)가 있을 때 사용합니다.사용 예: 푸터.. Local storage 와 Session storage 이란 무엇인가 | ChatGPT Local storage와 session storageLocal storage와 session storage는 웹 애플리케이션에서 클라이언트 측에 데이터를 저장하는 두 가지 주요 방법입니다.공통 특징둘 다 HTML5 웹 스토리지 API(Web Storage API)의 일부로 제공되며,브라우저 내에 키-값 쌍의 데이터를 저장할 수 있는 기능을 제공합니다.두 방법 모두 쿠키에 비해 더 많은 데이터를 저장할 수 있으며, 서버로 데이터를 자동으로 전송하지 않기 때문에 보안 및 성능 측면에서 유리합니다.그러나 각기 다른 사용 사례가 있습니다.Local Storage🔵 Persistent StorageLocal storage에 저장된 데이터는 명시적으로 삭제하지 않는 한 브라우저를 닫거나 컴퓨터를 재부팅해도 유지.. meta 태그 사용 목적 | ChatGPT meta 태그 태그는 HTML 문서의 섹션에 사용되는 메타데이터를 정의하기 위한 태그입니다. 이 메타데이터는 주로 웹 브라우저, 검색 엔진 및 다른 웹 서비스와 상호 작용할 때 사용됩니다. meta 태그 사용 목적 🔵웹 브라우저 태그를 사용하여 웹 브라우저에 웹 페이지의 표시 방식과 동작을 제어합니다. 🟥문자 인코딩 설정 와 같이 문자 인코딩을 설정하여 웹 페이지가 올바르게 표시되도록 합니다. 🟥뷰포트 설정 와 같이 모바일 디바이스에서 페이지가 올바르게 조절되도록 설정합니다. 🔵검색 엔진 최적화 (SEO) 태그를 사용하여 검색 엔진 최적화 (SEO)를 향상시키고 웹 페이지의 검색 엔진 순위를 향상시키는 데 도움이 됩니다. 예를 들어, 와 같이 페이지의 키워드를 정의할 수 있습니다. 🔵소셜 미디어 공유 웹.. 이전 1 다음
