2010년1월7일_1

[정적 리소스를 활용하기]

정적 리소스란 말 그대로 정적으로되어있는 데이터를 말한다.

정적 리소스에 올려 놓은 데이타는 $Resource라는 global변수를 가지고 적용이 가능하다.

먼저 정적 리소스가 어디에 있어서 활용을 하는지 알아보겠다.

設定(설정)-> アプリケーションの設定(어플리케이션 설정)-> 開発(개발)-> 静的リソース(정적 리소스)

이 곳에서 신규를 버튼을 누르고, 이름과 참고하고 싶은 자료 파일을 불러 온뒤

저장을 시키면 정적 리소스가 만들어진다.

이것을 참조 하기 위해서는 아까 말했듯이 $Resource를 사용한다.

예제 소스를 하나 만들어 보았다.

정적 리소스에 보면 이미 loading이라는 정적 리소스 이미지가 만들어져 있다.

이 이미지를 불러와 보겠다.

<apex:page >
   <apex:outputPanel >
       <apex:image value="{!$Resource.loading}"/>
   </apex:outputPanel>
</apex:page>

위 소스에서는 말그대로 loading이라는 이미지를 불러와서 표현 하겠다는 것 뿐이다

한번 출력 해보길 바란다.

이제 직접 스타일 파일을 하나 만들어서 실험해보겠다.

메모장이나 아무 툴이나 이용해서

.sample {
        font-weight:bold;
}

위 소스로 test.css파일을 만들어놓자.

그다음 정적 리소스에 이 파일을 추가 시켜 놓자. 이름은 TestStyles으로 해서

만들어 놓자.

<apex:page >
   <apex:stylesheet value="{!$Resource.TestStyles}"/>
   <apex:outputText value="Test    " styleClass="sample"></apex:outputText>
   <apex:outputPanel >
       <apex:image value="{!$Resource.loading}"/>
   </apex:outputPanel>
</apex:page>

위 소스로 실행을 하게 되면

Test라는 글씨가 진하게 변한다.

좀더 연습하고 또 올리겠다.