본문 바로가기

HTML5

[HTML] 웹저장소(Web Storage) 웹저장소가 나오기 이전엔 브라우저에 데이터를 저장할땐 주로 쿠키를 사용해왔습니다. 하지만 쿠키는 브라우저 상의 갯수와 크기에 제한이 있으며, 브라우저와 서버가 통신할때 필요하지 않은 경우에도 쿠키가 같이 전송되어 불필요한 데이터 전송을 동반합니다. 이러한 쿠키의 단점을 보완할수 있는 것이 바로 웹저장소입니다.웹저장소에 저장된 데이터는 쿠키와 달리 서버로 전송되지 않습니다. 필요한 경우에는 서버로 전송도 가능합니다. 그리고 쿠키보다 더 많은 양의 데이터 저장이 가능합니다. 웹저장소 사용하기 웹저장소는 localStorage와 sessionStorage라는 두가지 객체를 가지고 있습니다. localStorage는 데이터의 만료날짜 없어 제거하기 전까지 데이터가 유지됩니다.sessionStorage는 브라우저.. 2018. 4. 13.
[css] 말줄임표시('...') css로 구현하기 [css] 말줄임표시('...') css로 구현하기 가나다라마바사아자차카타파하 소스보기 가나다라마바사아자차카타파하 2013. 1. 30.
labal for 속성 일하던 중 태그에 처음 보는 속성 for를 발견!! 까먹기 전에 정리해둬야지..ㅋ labal 속성은 주로 라디오버튼이나 체크박스를 쓸 때 주로 사용된다. 라디오버튼이나 체크박스 아이콘은 직접 누르기에 작기때문에 옆에 설명글을 클릭했을때 선택되도록 많이 코딩을 한다. 사용의 편의성을 위해~ 그치만 평상시에는 요렇게 label 태그가 input 태그를 감싸는 형태로 작업을 해왔었다. 예 아니오 하지만 for 속성을 이용하면 텍스트에만 label 태그를 붙여준다. yes no label태그를 클릭했을때 선택될 라디오버튼의 id를 for 속성값을 넣어주면 된다. 위, 아래 두 방법 어떤걸 쓰는가는 사용하는 사람 마음이지만 이왕이면 웹표준에 맞게 작업하는게 좋을것 같다. 2012. 3. 24.
HTML5 global Attributes global Attributes : 전반적인 속성들~ New~ 새로생긴 속성들~ contenteditable(true/false) -Specifies if the user is allowed to edit the content or not. -컨텐츠의 수정 가능 여부 contextmenu(menu_id) -Specifies the context menu for an element draggable (true/false/auto) -Specifies whether or not a user is allowed to drag an element -drag & drop API를 위해 사용되는 속성 dropzone (copy/move/link) -Specifies what happens when dragged i.. 2011. 4. 20.
HTML5 canvas에 선과 원 그리기 2011. 4. 18.