dd2i_pudding

마크업 [ markup ] 그 파일이 프린터로 출력되거나 화면에서 어떻게 보여야할 것인지를 나타내기 위해 또는 그 문서의 논리적인 구조를 묘사하기 위해서, 텍스트나 워드프로세싱 파일의 특정위치에 삽입되는 일련의 문자들이나 기호들을 말한다. 마크업에 사용되는 표지를 흔히 ‘태그’라고 부른다. 마크업 언어 [ markup language ] 원래 마크업(markup)이란 신문사나 잡지사의 교정 기자들이 쓰는 특수 목적의 표기법으로, 문서의 논리적 구조와 배치 양식에 대한 정보를 표현하는 언어를 말한다. 마크업 언어는 문서에 포함된 문장이나 그림, 표, 소리 등과 같은 문서 내용에 대한 정보가 아니라 그 문장과 그림, 표는 어떻게 배치되고 글자는 어떤 크기와 모양을 가지며, 들여쓰기와 줄 간격, 여백 등에 대..

Regular Expression(정규 표현식)은 문자열의 패턴을 기술하는 객체로 보면 된다. JavaScript에서RegExp 클래스는 정규 표현식을 표현하기 위해 사용되며, String과 같이 자체적으로 정규식 표현식을 이용하는 메소드들을정의하고 있는데 이들 메소드들은 패턴 매칭과 Search-and-Replace와 같은 기능을 수행한다. JavaScript에서 사용되는 정규 표현식 ECMAScript v3에서 표준화가 되었으며 JavaScript 1.2에서는ECMAScript v3에서 제공하는 기능들 중 일부만을 제공하고 있다. JavaScript 1.5가 되면서 비로소 관련된 모든기능(full spec)을 지원하고 있다. JavaScript에서 사용되는 정규 표현식은 Perl 프로그래밍 언어에서 ..

thead 에 last th 지우기 $('thead tr').find('th:last').filter(function(){ if($(this).parent().children().length >= 3){ return $(this); } }).remove(); tbody에 last td 지우기 $('tbody tr').find('td:last').filter(function(){ if($(this).parent().children().length >= 9){ return $(this); } }).remove(); firefox의 console 탭에서 위의 명령어들을 실행시키고. 바뀐 HTML을 복사해서 docs에 대치

순서있는 리스트와 순서없는 리스트는 단지 용어의 리스트만을 나타내는 태그이다. 하지만 정의형 리스트는 용어와 설명으로 구성된 목록이다. 용어설명문 dl요소는 블록레벨 요소이지만, dt, dd를 제외하고는 다른요소가 올수 없다.dt는 인라인요소이며 인라인요소와 텍스트만 올수가 있다. dd는 블록레벨요소이며, 블록레벨/인라인레벨텍스트가 올수있다. 순서없는 또는 있는 리스트가 올수도 있다.

table elementth : table headertr : table row td : table data 표를 작성할때는 block 요소인 table을 이용한다. 행을 row, 열을 column이라고 표현한다. 가장 첫줄에는 열의 제목을 달아 주는 table header의 줄임말 th를 주로 사용하게 된다. 또한 기존에는 테이블의 속성중 cellpadding, width, cellspacing, border등은 css에서 컨트롤을 한다. (태그에 될수있으면 속성을 쓰지 않도록 하자.) thead,tfoot,tbody등을 묶어 주는 이유는 한번에 css에서 컨트롤을 하기 위함이다. 예를 들어 body의 내용이 길다면 body에만 스크롤바를 넣을수도 있기때문이다. 또한 열을 컨트롤 하기위해 colgrou..

metadata. 메타데이터. 데이터에 관한 구조화된 데이터로, 다른 데이터를 설명해 주는 데이터. 속성정보라고도 한다. 대량의 정보 가운데에서 찾고 있는 정보를 효율적으로 찾아내서 이용하기 위해 일정한 규칙에 따라 콘텐츠에 대하여 부여되는 데이터이다. 여기에는 콘텐츠의 위치와 내용, 작성자에 관한 정보, 권리 조건, 이용 조건, 이용 내력 등이 기록되어 있다. 컴퓨터에서는 보통 메타데이터를 데이터를 표현하기 위한 목적과 데이터를 빨리 찾기 위한 목적으로 사용하고 있다. 데이터를 표현하기 위한 목적으로 사용되는 메타데이터의 가장 좋은 예가 HTML 태그이다. 데이터에 관한 구조화라는 것은 HTML 태그 안에 head나 body가 있으며, body 안에는 table이 올 수 있고, table 안에는 tr이..

20120412 . 어떻게 서로 뭉쳐쓰는가. . 각각의 태그가 어떤 CSS속성이 추가되어 있는가. . 어떤 추가기능이 달려있는가. form - input/submit..... a- . 어떤태그가 page를 구성할 때. Layout을 구성할 때 사용되는가. . 무속성 태그 div. span b. strong. ul. li . HTML5 부터 배우고 기존것 배우는게 나음. 기존에 사용하던것이 없어진 것도 있고. 없어졌다가 다시 사용하는 것도 있음. . CSS/HTML 묶여 쓰느 태그들. 독립적으로도 쓰는 태그들 어던것이 있는지 묶어서 공부할 것. . meta정보를. layout정보를. table정보를. form관련 정보를 담을 대 스는 태그들은 어떤 구조로 묶여쓰이나. 개념으로 묶어 공부. . 실제 사용되는..

파이어폭스 Developer Tools browser에서 F12 버튼. 오른쪽 상단에 위치한 Style. Computed. Layout 속성들을 확인해서 어떤 객체가 있으며 그 객체에 딸린 속성과 매소드를 눈에 익힐 것! 디자인(CSS)에서 Box model (top/left....) 과 Layout (position/display...) 은 서로 조화하며 영향 끼치는 것. Layout과 Box model을 이용할 줄 알아야 하겠다. | FireFox browser webdeveloper 객체가 산더미다...헐... 파이어폭스 튜토리얼 http://www.newbie.org/firefox/

web = HTML(구조) + CSS(스타일/프리젠테이션) + Javascript(행동/behavior) . 각 태그의 의미파악 . 검색 - searchbot / crawler. 과거와 달리 요즘은 table 레이아웃을 사용하지 않음.. Web이 App화 되가고 있다. Page 개념이 사라지고 메인페이지에서 유기적으로 변화하는 스타일 추구.. 문서를 만드는 작업 - 제목 과 문단(리스트/테이블/페이지). 영역을 잡아주는 차이.. default 값이 뭔지 아는 것이 중요.. Browser - 브라우저가 처리할 수 있는 XSS. Java 코드가 각기 다르다. 그래서 크로스 브라우징 작업이 필요.