외부메모리 -_-

매번 발생하는 문제인데 기록을 안 해 놓으니깐 맨날 까먹는다... -_-;;
자.. 위 문제가 발생하는 경우는 아래와 같은 경우이다... (다른 경우엔 다른 해결책을 찾아봐야 한다...)

1. maven으로 프로젝트를 사용한다.
2. 프로젝트에서 jstl을 사용한다.
3. 이클립스 서버 플러그인에 deploy해서 사용한다.

위와 같은 경우에 저 에러가 발생할 수 있는데 아주 환장할 노릇이다... -_-;;
일단 결론은 서버 플러그인이 병신 같은 짓을 해서 오류가 발생하는 건데...
(사용중인워크스페이스)\.metadata\.plugins\org.eclipse.wst.server.core 디렉토리에 가보면... (서버 플러그인이 사용하는 위치...)
만약 deploy 한 프로젝트가 하나 밖에 없다고 가정한다면..
tmp0\wtpwebapps\(프로젝트명)\WEB-INF\lib 디렉토리에 standard.jar 파일이 분명 있는데 저지랄하고 있으니 환장할 수밖에 없다...
이럴 때는 당황 및 삽질하지 말고 일단 해당 디렉토리에 jsp-api.jar 파일이 있는지 확인한 후 삭제하도록 한다...
(분명히 servlet-api.jar 도 있을테니 같이 삭제하는게 좋다...)

보통 maven으로 프로젝트를 하는 경우 컴파일을 위해서 jsp-api 및 servlet-api를 provided로 dependency를 추가해서 사용한다...
maven의 antrun 플러그인이나 war 플러그인을 사용해서 빌드한 결과물을 보면 lib 디렉토리에 해당 파일이 복사되지 않는다...
이건 dependecy의 scope가 provided로 되어 있으면 당연히 그렇게 되어야 하는 건데...
이 미친놈의 서버 플러그인이 다 쌩까고 lib 에다 싸그리 다 복사해제낀다... -_-;;
맨날 이거 때문에 쌩쑈를 했는데 이번에도 또 까먹고 쌩쑈했다...
이클립스 플러그인을 만들줄 알아야 수정을 하던가 할텐데 그건 내 능력 밖... -_-;;

 [출처] Unable to read TLD "META-INF/c.tld" from JAR file|작성자 죽빵에캔디

Theming

테마가 적용된 Container에 하위 태그가 하나 추가가 되면, 자동적으로 부모 container가 가지고 있는 테마를 적용 받습니다. 그래서 ‘a’ 테마가 적용된 content의 자식 개체들은 자동적으로 a 테마를 적용 받습니다.

아래 버튼들은 같은 html 마크업에 다른 테마를 적용했습니다.

<div data-role="content" data-theme="a"><h4>A swatch</h4><a href="index.html" data-role="button">Button</a></div> 
< div data-role="content" data-theme="b"><h4>B swatch</h4><a href="index.html" data-role="button">Button</a></div> 
< div data-role="content" data-theme="c"><h4>C swatch</h4><a href="index.html" data-role="button">Button</a></div> 
< div data-role="content" data-theme="d"><h4>D swatch</h4><a href="index.html" data-role="button">Button</a></div> 
< div data-role="content" data-theme="e"><h4>E swatch</h4><a href="index.html" data-role="button">Button</a></div> 
< div data-role="button" ><h4>A swatch</h4><a href="index.html" data-role="button" data-theme="a">Button</a></div>

상위태그에 테마가 적용되어 있어도 하위 태그에서 다른 테마를 적용할 수 있습니다.
프레임웍이 제공하는 테마는 a~e까지 5가지 입니다. 만약, 테마 f를 적용하였을 경우 오류가 발생하는 것이 아니라 디폴트 테마로 보여지게 됩니다.

네비게이션 처럼 보이게 하기 위해서 여러 버튼을 한 블럭처럼 보이게 할 수 있습니다.

버튼들의 상위 div 태그에 data-role=”controlgroup” 속성을 추가하면 프레임웍이 세로로 나열한 버튼 그룹을 만들어 줄 것입니다. 각 버튼간에 적용된 마진을 제거하고 쉐도우를 삭제하여 중간에 나열된 버튼들이 어색하지 않도록 보여줍니다.

<div data-role="controlgroup">
< a href="index.html" data-role="button">Yes</a>
<a href="index.html" data-role="button">No</a>
<a href="index.html" data-role="button">Maybe</a>
< /div>

감싸고 있는 태그의 속성에 data-type=”horizontal” 속성을 추가하면, 한 라인에 가로방향으로 버튼들이 나열됩니다. 버튼안의 content 길이에 따라 버튼의 가로 길이가 결정되어집니다.

<div data-role="controlgroup" data-type="horizontal">
< a href="index.html" data-role="button">Yes</a>
< a href="index.html" data-role="button">No</a>
< a href="index.html" data-role="button">Maybe</a>
< /div>

만약, 버튼이 개수가 많거나, 버튼 content가 길어서 스크린의 한 라인에 들어가지 않으면 자동으로 다음 줄로 내려가지니 유의해야 합니다.

그리고, 버튼에 아이콘을 추가하듯이 하여, 그룹 버튼을 꾸밀수도 있습니다.

<div data-role="controlgroup" data-type="horizontal" > 
< a href="index.html" data-role="button" data-icon="arrow-u">Up</a> 
< a href="index.html" data-role="button" data-icon="arrow-d">Down hahahaha</a> 
< a href="index.html" data-role="button" data-icon="delete">Delete</a>
< /div>

디폴트 버튼의 가로 길이는 스크린을 꽉 채운 형태입니다.
만약, 작은 버튼을 만들고자 한다면, 버튼 속성으로 data-inline=”true” 를 추가해 주면 됩니다.

<a href="index.html" data-role="button" data-inline="true">Button</a>

만약, 같은 라인에 여러 버튼을 나열하고 싶은때는 버튼 태그를 data-inline=”true” 속성을 추가한 상위 div 태그로 감싸줍니다.

<div data-inline="true">
<a href="index.html" data-role="button">Cancel </a>
<a href="index.html" data-role="button" data-theme="b">Save </a>
< /div>

하지만 실제로 해보니 아직은 적용이 안되네요. 버젼이 올라가면 가능해질 것 같습니다.
불편하지만 현재까지는 각 태그별로 속성을 추가하여야 합니다.

<a href="index.html" data-role="button" data-inline="true">Cancel lalalaalal</a>
< a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>

Adding Icons to Buttons

버튼에 아이콘을 추가할 수 있습니다.
JQM 프레임웍은 모바일 앱에서 자주 사용되는 아이콘을 포함하고 있습니다.
저용량 다운로드 JQM버젼에는 모든 배경색에 훌륭하게 대비될 수 있는 검정색의 반투명 원모양위에 하얀색 아이콘을 포함하고 있습니다. data-icon 속성을 추가하여 사용합니다.

< a href="index.html" data-role="button" data-icon="delete">Delete</a>

Icon set

Left arrow - data-icon="arrow-l"

Right arrow - data-icon="arrow-r"

Up arrow - data-icon="arrow-u"

Down arrow - data-icon="arrow-d"

Delete - data-icon="delete"

Plus - data-icon="plus"

Minus - data-icon="minus"

Check - data-icon="check"

Gear - data-icon="gear"

Refresh - data-icon="refresh"

Forward - data-icon="forward"

Back - data-icon="back"

Grid - data-icon="grid"

Star - data-icon="star"

Alert - data-icon="alert"

Info - data-icon="info"

Home - data-icon="home"

Search - data-icon="search"

Icon positioning

아이콘의 디폴트 위치는 왼쪽입니다.
아이콘의 위치 설정 속성은 data-iconpos=[right, top, bottom] 입니다.
notext 값을 주면 버튼의 텍스트 부분이 줄어 아이콘 버튼이 됩니다.

<a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">right position icon Delete </a>
< a href="index.html" data-role="button" data-icon="delete" data-iconpos="top">top position icon Delete </a>
< a href="index.html" data-role="button" data-icon="delete" data-iconpos="bottom">bottom position icon Delete </a>
< a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">notext icon Delete </a>