로컬 스토리지(Local Storage)· 세션 스토리지와 달리 로컬 스토리지를 이용하면 브라우저를 통해 사용자의 컴퓨터에 데이터를 지속적으로 저장할 수 있습니다. · 브라우저를 통해 사용자 컴퓨터의 로컬스토리지에 데이터를 저장하고 다시 같은 사이트를 방문했을 때 로컬 스토리지에 저장된 모든 데이터를 사용할 수 있습니다.· 즉, 브라우저가 종료된 후에도 데이터는 유지됩니다.· key:value 쌍으로 저장됩니다. Local Storage 접근도메인이 다르면 서로의 Local Storage에 접근할 수 없습니다 다음(DAUM)의 웹 페이지에서 네이버(NAVER) 웹 페이지의 Local Storage에 접근할 수 없습니다. 같은 도메인일 경우 Local Storage를 공유할 수 있습니다. LocalStor..

Web Storage 구분Web Storage는 Local Storage와 Session Storage로 구분됩니다. 이들의 차이점은 브라우저가 완전히 종료되고 난 후에도 데이터가 유지 되느냐 유지되지 않느냐의 차이입니다.· 로컬 스토리지(Local Storage)· 세션 스토리지(Session Storage) 스토리지 제한· 인터넷 익스플로러에서는 거의 10MB에 가까운 사용자 데이터를 웹 애플리케이션에서 저장할 수 있습니다.· 크롬, 사파리, 파이어폭스, 오페라에서는 모두 W3C규격에서 제안하는 양인 5MB까지 사용자 데이터를 저장할 수 있습니다. 스토리지 할당량 체크하기브라우저의 스토리지 크기에 따라 스토리지 할당량을 초과했는지 체크하기

태그 목록과 메뉴를 정의하는 태그 HTML4에서는 W3C가 태그를 사용하지 않을 것을 권고 하였으나, HTML5에서는 실제 문서의 메뉴정보를 제공하는 데 사용 현재 IE 12버전과 Firefox에서만 지원됩니다. 태그 사용자가 호출 할 수 있는 명령을 지정하는데 사용하는 명령 지정 태그 태그는 라디오 버튼, 체크 박스 같은 명령 단추를 재설정 하며, 반드시 태그 안에서 있어야 합니다. 주로 사용되고 있는 브라우저 중 해당 태그를 지원하는 브라우저가 아직 없습니다. 태그 속성 속성설명Icon명령을 나타내는 그림을 지정하는 속성label명령의 이름을 지정하는 속성type명령의 종류를 지정 command, checkbox, radio Save

위치 정보를 연속해서 얻기연속해서 위치 정보 얻을 수 있습니다. options 옵션값 설명 enableHighAccuracy · 정확도가 높은 위치 정보를 요청 timeout · 위치 정보 확인에 시간제한을 설정합니다(밀리 세컨드). · 시간제한을 초과하면 에러가 발생합니다. maximumAge · 위치 정보의 유효 기간을 설정합니다(밀리 세컨드). · 현재의 위치 정보가 maximumAge보다 오래된 것이라면 해당 위치 정보는 폐기되고 새롭게 위치 정보 확인을 시도합니다 · 0을 지정하면 항상 새로운 위치 정보를 확합니다. 실시간 감시의 정지

시맨틱 웹 HTML 작업시맨틱 웹 HTML 작업에는 시맨틱 마크업과 뷰 포트 메타데이터가 있습니다.

반응형 웹 스타일 시트화면에 나타나는 브라우저의 너비를 이용하여 스타일을 다르게 표시해 주었으며 이 방식이 반응형 웹 개념으로 발전하였습니다. 브라우저의 너비에 따른 스타일 시트