본문 바로가기

HTML58

FormData Object 확인 HTML5 API 인 FormData 객체를 사용하여 데이터를 할당하는 도중,삽질된통 했다. 나중에 How to FormData Object Inspect 라고 구글링 하면 여러 결과를 확인할 수 있지만 백문이불여일타다.직접 쳐보는게 제일 좋다.간단히 내가 겪은 상황은 아주 단순 심플하다. var formData = new FormData(); formData.append('id', 'JKUN.NET'); console.log(formData); 위와 같은 상황이라면 요소검사의 떡하니 폼데이터 객체에 id 속성이 할당된줄만 알았다.그래서 찍어보니... 없다... 아 돌아가시는 줄 알았다. 여기서 제가 찾은 방법은 XHR - AJAX 를 이용하여 네트워크에서 확인하는 방법말고는 특별히 없었습니다.더 심플하.. 2015. 9. 21.
Emmet 으로 HTML UI 개발속도 높이기 출처 : http://codeflow.co.kr/question/393/emmet으로-html과-css-작업-속도-높이기-accelerate-your-html-and-css-production-with-emmet/ Emmet (Zen Coding으로 알려진바 있는) 은 빠른 웹개발을 위한 마크로와 키보드 바로가기 모음집입니다. 무상 다운로드 할수있으,며10여개이상의 에디터의 플러그인으로 설치할수 있이며, 일관성 있게 사용한다면 최대 2배의 생산성을 기대할수 있습니다. 이 포스팅에서 Emmet의 설치, 사용법과 최대의 결과를 얻기위한 커스터마이징 방법들을 설명하겠습니다.최근에 나온 에디터의 대부분은태그를 자동으로 닫아주거나 늘상 쓰이는 요소들로 미리 포맷을 잡아주거나하는, 이런 저런 종류의 마크로를 내부에.. 2015. 4. 9.
HTML5 미지원 IE에서 DOM Script 를 이용하여 적용하기 (function(){ if(!/*@cc_on!@*/0) return; var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video".split(','); var i=0,ll=e.length; while (i 2013. 9. 23.
HTML5 / CSS3 placeholder 폰트 색상 지정 ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } 2013. 9. 2.
FileReader - 이미지파일 미리보기 이번에 동적으로 파일을 업로드 하는 컨트롤러를 만들다 보니,브라우저에서 반환하는 FakePath 를 이용하여 미리보기가 가능하였다.그동안은.. 왜 안된다고.. 생각했을까..? IE7 이 처음 생기는 무렵부터 보안때문에 안된다고 들어서,그뒤로는 안된다. 이렇게만 생각하고 있었는데.. 내가 나를 바보로 만든셈..ㅡㅡ;;경험이 도움이 될때도 있으나 위험이 될수도 있다 싶다. 해서 구글링하다보니 다음과 같은 링크가 있다. ㅋㅋ 구글링하다보면 자주들리게 되는 스택오버플로우.ㅋㅋhttp://stackoverflow.com/questions/13718795/cross-browser-image-preview-in-image-upload-section-is-not-working-in-ie8 해서 아래와 같이 테스트한 결.. 2013. 8. 6.
Visual Studio 2010 HTML 유효성 검사 비쥬얼 스튜디오 2010 에서 HTML5 코드를 작성하다 보니,자꾸 인텔리센스및 유효성 검사에 걸린다. 최초 기본은 XHTML 1.0 기반으로 설정되어 있다. 아무래도 가장 활성화 되어있는 표준코드 작성양식은XHTML 1.0 Transitional 이기에 기본설정되어 있는 것 같다. 그러다 그러다보면 HTML5 코드작성하는데 자꾸밑줄 뜨고..ㅡㅡ;;그래서 아래 경로에서 플러그인을 다운로드 받는다. 구찮으면 아래 파일 다운로드받으시고~http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d/ VS2010유효성검사_HTML5Setup.msi 해서 해당 플러그인을 다운로드 받아 설치하고 나서 다시 옵션 > 유효성 검사란.. 2012. 7. 9.
한국에서 HTML5는 그림의 떡? 출처 : http://hook.hani.co.kr/archives/19693 스마트폰 개통 2년 후를 기약하다 요즘 디지털 기기의 경향을 한 마디로 표현한다면 바로 ‘스마트(smart)’라고 할 수 있을 것이다. 몇 주를 기다려야 받을 수 있는 것을 감수하면서까지 아이폰을 예약하는 사람들과 인기 있는 모바일 어플리케이션(이하 앱)이 신문지상에 등장하는 것은 이러한 경향을 단적으로 표현한다. 스마트폰(smart phone)은 피처폰(feature phone : 단순 기능만 제공되는 휴대전화로 이해하시면 된다)보다 가입자 수가 적지만 이동 통신사에게는 더 많은 이익을 제공하고 있기 때문에 이러한 경향은 당분간 수그러들지 않을 것으로 보인다. 또한 앞으로 피처폰 시장은 과거의 무선호출기와 비슷한 길을 걷게 될.. 2011. 1. 10.
HTML5의 모든 것 출처 : http://channy.creation.net/blog/776 애플 iPad 논란과 유튜브 HTML5 지원 이슈와 Flash vs. HTML 5 이슈를 거치면서 HTML 5에 대한 반응이 국내에서 커지고 있군요. 지난 주에 했던 블로터 포럼 인터뷰가 어제 올라간 후 저에게 이런 저런 문의를 해 주신 분들이 많습니다. 제가 가지고 있는 지식이나 경험은 짧지만 최대한 가지고 있는 것을 하나의 글에 제공해 드려 보도록 하겠습니다. 아래 글은 개인적으로 관리하던 HTML 자료 모음집을 합친 것입니다. 트위터를 검색하면 맨 위에 있는 Twitter의 모든 것 처럼 HTML5에 궁금증이 있으신 분들을 위해 모아서 공유 합니다. 앞으로 좋은 자료를 찾는 대로 계속 업데이트 해 보겠습니다. 실전 HTML5 .. 2010. 7. 29.