CSS Selector Syntax

CSS를 사용할 때 다음과 같은 코드를 볼수 있습니다.

.separatorLine {
   border: 0;
   padding: 0;
   margin-left: 4px;
   margin-right: 2px;
}

여기에서 .separatorLine의 경우 CSS에서 Selector라고 부르며 syntax는 다음과 같습니다.

출처 : http://www.w3.org/TR/CSS21/selector.html

event 처리시 return false를 하는 이유는?

javascript를 태그의 이벤트에 직접 추가하는 경우 return true 또는 false를 추가하는 경우가 있습니다. 예를 들자면 다음과 같이 onclick 이벤트 뒤에 return false를 붙이는 경우입니다.

onclick="showPic(this);return false;"

return 값을 돌려줌으로 이벤트 헨들러에게 Boolean 값을 넘겨주게 되는데요. 이벤트 헨들러들은 이 값을 받은 다음에 true인 경우 onclick 이벤트가 발생하였다라고 판단하고 동작을 취하며 false인 경우 onclick 이벤트가 발생하지 않았다고 판단하고 동작을 취하지 않습니다.

위의 예제 중 위의 두개는 return false를 발생하였고 세번째 놈은 onclick="showPic(this);"만 호출 시켰고, 네번째 놈은 return true를 발생시켰습니다. 세번째, 네번째의 경우 링크 클릭시 해당 리소스로 페이지가 이동하는 기본적인 동작이 수행됩니다.

만약 onclick 이벤트를 직접 처리하고 기본동작이 발생하지 않기를 원한다면 onclick 이벤트를 처리하는 코드 끝에 return false를 추가하시면 됩니다.

Try Ruby!

Ruby on Rails는 오픈 소스 웹 애플리케이션 프레임웤입니다. 재미있는 것인 Ruby on Rails가 MVC 아키텍쳐로 만들어져있는데 그중 Model이 RDBMS 테이블을 나타내는 클래스로 구성되어 있습니다.

Why's guide의 한그림?

Ruby를 알고 싶으시면 '조엘 온 소프트웨어 블로그 베스트 29선'의 마지막에 나와있는 "Why's guide to Ruby"를 보시거나 해당 저자의 또다른 작품 "Try Ruby"를 강력히(!) 추천합니다. ^^

"Try Ruby" 소스를 보니 'Prototype' 자바스크립트 라이브러리를 사용해서 만들어졌는데 상당히 깔끔하네요 ^^;;

RIA - OpenLaszlo, WinFX, Flex에 관한 기사가 나왔네요.

Read/WriteWeb에 Rich Internet Application - An Instruction이라는 기사가 올라왔습니다. OpenLaszlo, WinFX, Flex 세가지에 대한 비교를 하고 있는데요. 한번 꼭 보세요.

개인적으로 Web이 너무 빠르게 변하고 있다는 생각도 들고 소화하기도 힘들다는 생각이 드네요.
WinFX의 WPF(Windows Presentation Foundation)의 경우 WPF/E를 사용하여 windows의 ie를 비롯 여러 타 브라우저와 다른 디바이스도 지원할 계획으로 알고 있습니다. Linux 및 Solaris, Mac도 포함해서요. 배포형태는 브라우저의 플러그인 형태입니다.

http://blogs.msdn.com/mharsh/archive/2006/03/23/559106.aspx

Web Style

Web Style : Web Style이란? 다음의 것들로 구성된다.

• 인터넷 상에서 메시지 교환을 위한 기본적인 것들
  
• 매우 엄격하게 제약된 MEP(Message Excahnge Pattern)을 사용하는 HTTP
  (특정 URI를 가리키니는 Single-request, Single-Response)
  
• URI에 의해 모든 것이 구분되는 리소스들
  
• 기본적인 구성 단위로 사용되는 Hyperlink
• 가장 중요한 Request의 subset(HTTP의 GET)은 Read-only, Safe, Idempotent(멱등원)하다.
  
• Request와 Response의 body에 많은 URI를 포함하여 전송할 수 있고 Application에서 해당 URI를 사용하여 동작할 수 있다.
  

출처 및 관련 링크 :

본문인 Styles Beyond WS and REST
본문에 나와있는 Rest관련 논문

getElementsByTagName

Summary

현재 주어진 element에서 인자로 받은 tagName에 해당하는 하위 element들의 list를 리턴합니다. 

Syntax

elements = element.getElementsByTagName(tagName)

Parameters

• return값인 elements들은 하위 element들의 리스트입니다 .
• parameter인 tagName은 string 형태로 element들의 이름을 나타냅니다. special character로 "*"를 사용하여 전체 element들을 나타낼 수 있습니다.
  

Example

// check the alignment on a number of cells in a table. 
table = document.getElementById("forecast-table"); 
cells = table.getElementsByTagName("td"); 
for (var i = 0; i < cells.length; i++) { 
    status = cells[i].getAttribute("status"); 
    if ( status == "open") { 
        // grab the data 
    }
}

Notes

element에서 사용되는 getElementsByTagName는 탐색 시 자신의 하위 element들에만 접근할 수 있음을 제외하고는 document에서 사용되는  getElementsByTagName와 동일합니다.  

Ant에서 FTP task를 사용하려면?

빌드 완료시 빌드된 파일들을 ftp로 자동 전송하도록 빌드 시스템을 만들고 싶은 경우..
Ant의 <ftp>를 사용한다. 그냥 <ftp>만 써주고 실행해주고 싶은데 불행히도 그냥은 안된다.

먼저, Ant Manual 페이지로 가서 <ftp>를 찾아보자.(Ant Task를 찾으려면 Apache의 Ant User Manual로 들어가서 Ant task를 찾으면 된다.)

FTP

Description

The ftp task 어쩌구 저쩌구....

Note: This task depends on external libraries not included in the Ant distribution.See Library Dependencies for more information.

...

글 초반에 보면 Note와 함께 <ftp>를 쓰려면 외부 라이브러리를 다운 받아야 한다는 메시지가 나온다. 아래의 Library Dependencies에 들어가면 commons-net.jar가 나온다. network와 관련된 공통모듈이니 다운받아야 한다. (클릭해서 들어가면 Download가 잘 안보일 것이다. 자세히보면 Documentation아래에 Download 메뉴가 있다.)

jar파일을 받은 후에 Ant 실행 시 Classpath에 걸어주면된다. (^^;; 그렇다. 이글은 이클립스 사용자 기준으로 작성되었다. 킄)