분류 전체보기 썸네일형 리스트형 # HTML문서에 CSS를 적용하는 세가지 방법 CSS는 HTML문서를 스타일링해 줄 디자인 정보를 가지고 있습니다. HTML 문서에 CSS를 이용해서 디자인을 적용하는 방법에는 크게 3가지가 있습니다. 태그에 직접 스타일을 주는 방법 쏭군 블로그 이 방법은 딱 하나의 태그를 위해 사용하는 방법입니다. 위의 코드에서는 해당되는 태그 하나에만 굵고 빨간 효과가 적용됩니다. 다른 태그들에게는 아무런 영향도 미치지 않습니다. 이 방법은 아주 부득이한 사정이 없는 이상 사용을 피하는 것이 좋습니다. 사이트의 규모가 크고, 페이지의 수량이 많은데 일일이 이런 방식으로 스타일이 붙어 있다면, 사이트를 수정하거나 유지보수하는 데 많은 애로 사항이 있을 것입니다. 그러나 어쩔 수 없이 써야 한다면 그 경우에는 예외입니다. 요소를 활용하여 HTML 내에서 사용하는 방.. 더보기 # Chain-of-Responsibility Pattern JavaScript Pattern 중 BehaviorPattern 중 하나인 Chain-of-Responsibility Pattern을 주제로 작성한 PPT 더보기 #콘텐츠의 흐름, 블록레벨 요소와 인라인 요소 HTML5도 엄연히 하나의 문서입니다. 당연히 이 문서 안에는 글도 들어갈 수 있고 그림도 들어갈 수 있습니다. 글과 그림은 일반 워드프로세서의 문서처럼 나열되면서 흐르게 됩니다. 그러나 일반 워드프로세서와 다른 점이 있습니다. 그것은 바로 HTML문서에는 블록레벨(block level)요소와 인라인(inline)요소라고 하는 두 개의 큰 흐름의 줄기가 있다는 겁니다. 블록레벨 요소 나 ,과 같은 요소들은 블록레벨 요소입니다. 블록레벨 요소의 특징은 줄 바꿈 태그인 과 같은 요소를 쓰지 않아도 스스로 줄 바꿈이 된다는데 있습니다. 이 요소들은 기본적으로 문서 내에서 가로로 흐르지 않고 세로로 흐릅니다. 그리고 주변에 일정량의 공간을 만듭니다. 또한 너비를 지정해 주지 않으면 풀사이가 되어 가로로 가득 찹.. 더보기 #HTML5의 새로운 요소(hgroup,article,section) 헤드라인을 여러 개로 묶을 필요성이 있을 때 사용하는 hgroup 요소 만일 페이지에 산발적으로 여러 개의 헤드라인을 묶어 줘야 할 필요가 있을 경우 HTML5에서는 다음과 같이 hgroup 요소를 이용할 수 있습니다. 쏭군 블로그열심히 살아가는 88만원 세대의 이야기 최근 올라온 글최근에 올라온 글을 시간 순으로 표현합니다. 봉사활동나도 그들도 짠했던 이야기 자전거 구입싼 녀석을 구하기 위한 사투 스토리위젯 사이드바개인적으로 좋아하는 위젯들 모임 태그의 사용 예 앞서 과거에 사용되던 방식을 사용하는 것도 괜찮습니다. 그러나 HTML5에 추가된 요소 덕분에 이 예제 코드와 같은 방식으로도 헤드라인 태그를 사용할 수 있게 되었습니다. H1이나 H2와 같은 높이 단계에 있는 헤드라인 요소들도 이제는 문서의 .. 더보기 #CSS3 배경지식 쌓기 만약 팀 내에 웹페이지를 디자인하여 PSD를 만드는 디자인 팀과 이 PSD를 웹페이지로 만들어 내는 UI개발팀이 따로 있다면 아래와 같은 갈등이 있기 마련입니다. 멋진 효과를 내기 위해 투명 PNG핵, 나아가 과도한 마크업과 불필요한 CSS 코드, 더 심각한 경우에는 온갖 스크립트와 CSS 핵까지 동원 해야하는 경우가 있습니다. CSS2.1에서 CSS3로의 변화 단편적인 예를 들기는 했지만 CSS3를 마음껏 사용할 수 있는 브라우저가 널리 이용된다면 이 문제는 해결될 것입니다. 현재는 익스플로러 9 이 CSS3를 본격적으로 지원할 예정이고, 웹킷 기반의 크롬이나 사파리에서는 CSS3 속성을 상당 부분 지원합니다. 그리고 오페라나 파이어폭스 역시 중요한 CSS3 속성을 많은 부분 지원하고 있는 상황입니다... 더보기 #HTML5 문서계층 구조 HTML문서 계층 구조는 구조를 중시하는 트리구조와 아웃라인과 컨텐츠 구성을 중시하는 두가지로 나누어 볼수 있습니다. 구조를 중시하는 트리구조 위의 코드와 같은 구조를 가진 문서가 있다고 가정합시다. 쉽게 설명하기 위해 다른 코드는 생략하였습니다. 박씨 집안의 시조가 박혁거세이듯이 부분을 제외하고 이 문서에 있는 모든 태그들의 시조는 입니다. 요소는 문서의 모든 요소들을 담고 있습니다. 말을 만들자면 시조태그인 셈입니다. 는 요소의 자식태그입니다. 반대로 에게 태그는 부모태그입니다. 한 계층 차이가 나기 때문입니다. 그러면 이 예시에서 와 의 관계는 어떻게 될까요? 에게 요소는 손자태그입니다. 반대로 에게 요소는 할아버지 뻘이 됩니다. 아웃라인과 콘텐츠 구성을 중시하는 구조 이미 HTML 페이지를 마크업.. 더보기 # Observer Pattern JavaScript Pattern 중 BehaviorPattern 중 하나인 Observer Pattern을 주제로 작성한 PPT 더보기 [TREND]BIG DATA LANDSCAPE [2012 Forbes에서 작성한 Big Data Landscape] 빅데이터를 분야에서 다양한 기업들이 포진되어 있음을 한 눈에 확인할 수 있다. 더보기 [TOOL]주석을 자동으로 달아주는 jAutodoc Eclipse 에는 유용한 Plug In 들이 존재하는데, 소개하려는 jAutodoc 또한 그 중 하나입니다. 그 전에 javascript Document를 생성하는 툴 JSDoc 을 소개했었습니다. jAutodoc은 그 와 동일하게 Java Code에 주석을 생성해주고 해당 내용을 Document로 생성해주는 Eclipse Plugin 입니다. jAutodoc 대표적인 특징으로는 Document를 생성할때도 3가지의 Mode를 제공합니다.Complete existing Javadoc Existing Javadoc will not be touched. Only missing tags will be added and so far undocumented elements will be documented.Ke.. 더보기 #4. 기본 내장 모듈 "Node.js 문서는 어디에 있나요?" http://nodejs.org/docs/latest/api/index.html 1. os Module Method Name Description hostname() 운영체제 호스트 이름 type() 운영체제 이름 platform() 운영체제 플랫폼 arch() 운영체제 아키텍쳐 release() 운영체제 버전 uptime() 운영체제가 실행된 시간 loadavg() 로드 애버리지 정보를 담은 배열 totalmem() 시스템 총 메모리 freemem() 시스템 사용 가능 메모리 cpus() CPU정보를 담은 객체 getNetworkInterfaces() 네트워크 인터페이스 정보를 담은 배열 2. url Module Method Name Description par.. 더보기 이전 1 2 3 4 5 6 ··· 8 다음
