• 웹 표준 가이드북 – 실전 CSS 레이아웃

    CSS 제대로 사용하기. HTML의미 바로 알기 HTML은 markup language이다. 마크업 : 눈으로 보이는 글자 외에 원고에서 특정 부분의 의미가 무엇인가를 설명하고 그것을 표기하는 것. 일반적으로 작업자들은 HTML을 markup하는 용도보다는 겉으로 어떻게 문서가 보이는 지 만을 나타내기 위해 사용.  HTML과 CSS의 관계 HTML : 컨텐츠의 내용과 구조를 표시. CSS : HTML으로 ...

    Read More
  • 웹 표준 가이드 북 – 구조적 XHTML 사용 방법

    잘못 사용하고 있는 태그 무분별한 테이블 사용 <table width=”640″ cellpadding=”0″ cellspacing=”0″ border=”0″>  <tr>      <td height=”25″ valign=”top”> <img src=”title_01.gif”> </td> </tr> <tr> <td> 레이아웃에 table element 를 사용하는 이유는 아마도 쉽기 때문일 것이다. 쉽다는 것 보다는 “익숙해서” 가 더 큰 이유일지도 모른다. 대다수의 사람들은 처음부터 아주 당연하게 table 을 ...

    Read More
  • 실전 웹 표준 가이드 – XHTML 의 소개

    XHTML이란? HTML 4.01 규약에 거의 준한다. 일반 HTML에 비해 좀더 명확하고 구조적인 특징을 가지고 있다. XSL을 함께 사용하면 브라우저에 사용자의 새로운 태그를 표시할 수 있다. XHTML의  장점 호환성 및 확장 가능성 유지 비용의 감소 및 재생산성 확대 가벼운 로딩 속도 XHTML 문서의 구조 HTML 2.0 표준 문서 형식 <! DOCTYPE ...

    Read More
  • Thead, tbody, tfoot 를 사용하는 이유

     요즘 회사에서 웹 표준에 대해 공부하고 있습니다. 헌데, 제가 유지보수하고 있는 사이트에서 최근에 한가지 일이 떨어졌더군요. 다름아닌 “장애인차별금지 및 권리구제 등에 관한 법률 시행을 위한 웹 접근성 준수 가이드라인 개발 계획(안)” 에 근거하여 사이트를 4월 11일까지 이에 맞게 수정하라는 것이었습니다.  때문에 웹 표준에 대해 조사하던 도중, thead/tbody/tfoot 라는 것에 흥미가 ...

    Read More
  • 블로그 컨텐츠의 질(質)

    아침에 마키디어 님의 블로그에서 “링크와 예의없는 행동의 관계” 를 보고 문득 생각난게 있습니다.“가치있는 블로그란 무엇인가?”다른게 아니라 제가 네이버에서 설치형 블로그로 이전해 오면서 가장 먼저 블로그 사상(?)으로 삼았던 것이 바로 “모든 컨텐츠를 내가 직접 제작하고, 나의 지식으로 꾸미자”는 것이었기 때문에 이러한 글은 저의 사상을 더 굳게 해주었기 때문입니다. 저는 네이버 블로그를 ...

    Read More
  • 블로그 대대적 공사중..

    블로그 좀 많~이 업그레이드 중입니다.흠.. 이참에 전문화 블로그로 방향을 좀 바꿔볼까 하는데일단 밤새 디자인은 끝냈고.. (물론 허접한 티는 못벗겠네요.. ㅜㅜ)메뉴 단순화랑 컨텐츠 통일.. 뭣보다 professional blog로 변모하기 위해서는 뚜렷한 주제가 필요하다는 것을 느끼고오래전부터 관심있고 연구해오던 웹2.0 과 개발에 대해 다뤄볼까 합니다.뭐 자세한건 차차…. 아무튼 하루만에 반짝~ 업그레이드 할 것은 아니구요 ...

    Read More
  • ASP.NET의 정규식

    ASP.NET의 정규식 출처 : http://www.microsoft.com/korea/msdn/library/dnaspp/html/regexnet.asp 충돌 과정 Steven A. Smith 2004년 3월 적용 대상:   Microsoft .NET Framework   Microsoft ASP.NET   정규식 API 요약: 정규식은 텍스트로 작업할 때 매우 유용한 도구입니다. 사용자 입력의 유효성을 검사해야 하거나, 문자열 내의 패턴을 검색해야 하거나, 효과적으로 텍스트 서식을 다시 지정해야 할 경우 정규식을 사용하면 좋습니다(14페이지/인쇄 페이지 ...

    Read More
  • AJAX js파일의 노가다 디버깅;

    아직 아작스 배운지 얼마 안되서 모르겠지만;이클립스든.. 에디트플러스든 function startMethod(){    Event.observe(“gu”,”change”,function()    {         createXHR();                var url = “http://127.0.0.1:8080/ajaxTest2/DynamicList?”+getParameterValues();        xhrObject.onreadystatechange = resultProcess();        xhrObject.open(“Get”,url,”true”);        xhrObject.send(null);            });}이런 소스가 ...

    Read More
  • Dom 구조 이용한 XML 처리 예제

    function processXML(){//XML문서객체 구조 처리 메소드 var xmlDoc = xhrObject.responseXML; //서버로부터의 응답을 XML문서 객체로 받음 var subject=””; var trTag =”” var tdTag =”” var subjects=xmlDoc.getElementsByTagName(“subject”); //응답받은 XML문서 객체에서 subject엘리먼트를 모두 찾아서 배열로 리턴 for(var i=0;i<subjects.length;i++){ //subject엘리먼트 개수만큼 반복 trTag = document.createElement(“tr”); //tr엘리먼트 생성 subject= subjects[i];//subject엘리먼트배열로부터 subject엘리먼트를 하나 받아서 subject변수에 저장   ...

    Read More
  • AJAX스터디 1일차(DOM)

    1. Prototype.js의 사용, 클래스 생성,생성자 Prototype.js를 이용하면 클래스 정의 시 명시적인 서술이 가능. http://www.prototypejs.org 에서 다운 Class.create() 메소드와 prototype 속성을 사용해서 클래스 선언. 클래스의 생성자는 initialize() 메소드를 사용하여 정의 예) Var Subject = Class.create(); // subject 클래스 선언(생성) Subject.prototype={ // Subject 클래스를 정의 Initialize : function(){ // initialize() 메소드를 사용해서 ...

    Read More