5.SSJS의 기본

5.3 사용 Tag

앞에서도 간단히 언급했었지만, Server-Side JavaScript의 경우는 주로 <SERVER></SERVER> 사이에 존재하게 된다. 그러나 그 외에도 backquote(`)를 사용하는 경우도 있다.

SERVER Tag

일반적인 HTML문장에 SSJS를 포함시킬 때 주로 사용되는 방식이다. 이 태그 사이에 나타나는 모든 문장은 SSJS로 인식되므로 write()함수에 의해 출력되는 부분을 제외하고는 사용자는 그 내용을 볼 수 없다.예를 들면,

<p> Sum is <server> i= i+ 1; write(i); </server> . </p>
위와 같은 문장이 있다고 하면, i값이 0이라고 할 때, 다음과 같이 변경되어 브라우저로 전송된다.

<p> Sum is 1. </p>

Source server tag사이에 일반적인 HTML 문장은 write()함수에만 올 수 있고, 그외에는 올 수가 없다. 이 server tag사이의 SSJS문장이 실행되고 그 결과가 대체된 문서만 사용자의 브라우저로 전송되므로, 사용자에게 소스코드는 감추어진다.

backquote(`)

backquote(키보드의 맨 왼쪽 위의 키)는 HTML의 attribute를 지정할 때 주로 사용한다. 즉,

<body bgcolor=`test`>

이럴 경우에는 test라는 SSJS변수에 "white"라는 값이 들어있다고 하면 다음과 같이 보여지게 된다.

<body bgcolor=`white`>

이렇듯이 backquote는 HTML tag안( <와 > 사이)에 사용되면, 별도로 write함수를 쓸 필요는 없다. HTML의 attribute의 명칭 자체도 바꿀 수 있다. 즉,

<SERVER>
if ( choice == "link" ){
  client.attrib = "HREF";
  client.val = "http://www.yahoo.co.kr";
}else {
  client.attrib = "NAME";
  client.val = "NET";
}
</SERVER>

<A `client.attrib`=`client.val`> LINK or NAME </A>

이때, choice값이 "link"라면, 다음과 같이 변경된다.

<A HREF="http://www.yahoo.co.kr"> LINK or NAME </A>

* 위의 두가지 방법은 상호 보완적인 관계이므로 두가지를 적절히 섞어 쓰는 것이 좋다.

- Last Update : 2001.7.5 by Deadfire(http://www.deadfire.net)

LiveWire 강좌