ria-web
https://as5202t-5748.myasustor.com/
2026-07-05T11:30:02+00:00ria-web
https://as5202t-5748.myasustor.com/
https://as5202t-5748.myasustor.com/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/html2011-08-04T02:13:22+00:00Anonymous (anonymous@undisclosed.example.com)positioning
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:positioning&rev=1312424002&do=diff
Fixed Layer
Frame을 사용하지 않고 navigation이 고정된 채로 내용만 scroll되도록 만들어보자.
FireFox라면 position:fixed를 사용할 수 있겠지만, IE가 지원하지 않기 때문에
cross-browing을 생각하여 javascript와 css를 이용하여 구현해 보겠다.
간단하게 left navigation과 content두 column으로 구성된 page를 생각해보자.
css code snippet은 대략 다음과 같은 모습이다.text/html2010-03-19T15:15:17+00:00Anonymous (anonymous@undisclosed.example.com)prevent_paste
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:dojo:prevent_paste&rev=1269011717&do=diff
Prevent paste operation in textfield
ユーザー登録画面とかでパスワードとかメールの確認の貼り付け(Ctrl+V)を防止したい時があると思う。
今回はその場面で役立つようなjavascriptコードを紹介する。text/html2025-02-07T10:06:19+00:00Anonymous (anonymous@undisclosed.example.com)rememberme
https://as5202t-5748.myasustor.com/doku.php?id=study:java:rememberme&rev=1738922779&do=diff
Spring rememeber-meログイン
ログインを維持してくれるremember-meログイン機能をSpring securityを用いて実装する方法を紹介します。
実装形態は次節で説明しますが、ここでは、persistence token実装形態を選択しています。text/html2008-09-03T14:27:10+00:00Anonymous (anonymous@undisclosed.example.com)template_method
https://as5202t-5748.myasustor.com/doku.php?id=study:java:design_pattern:template_method&rev=1220452030&do=diff
the Definition of Template Method Pattern
템플릿 메소드 패턴의 정의는 다음과 같습니다.
템플릿 메소드 패턴에서는 메소드에서 알고리즘의 골격을 정의합니다.
알고리즘의 여러 단계 중 일부는 서브클래스에서 구현할 수 있습니다.
템플릿 메소드를 이용하면 알고리즘의 구조는 구대로 유지하면서 서브
클래스에서 특정단계를 재정의할 수 있습니다.text/html2008-04-23T04:13:08+00:00Anonymous (anonymous@undisclosed.example.com)mouse
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:event:mouse&rev=1208923988&do=diff
Popup the image on which a mouse is rolled over
mouseの位置を取るjavascriptを利用して、あるイメージをpopupさせる方法を紹介する。
簡単だから、コードを見ながら説明する。
function showPopUp(id, e) {
e = e || window.event;
var cursor = {x:0, y:0};
if (e.pageX || e.pageY) {
cursor.x = e.pageX;
cursor.y = e.pageY;
}else { //IE
var de = document.documentElement; //Strict Mode(offset=2,2)
var b = document.body; //Quirks Mode(offset=0,0)
cursor.x = e.clientX +
(de.scrollLeft ||…text/html2008-03-20T01:51:20+00:00Anonymous (anonymous@undisclosed.example.com)event
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:event&rev=1205977880&do=diff
Mouse Cursor Position
document.compatMode
* Quirks mode[BACKCompat] : Standard-compliant mode is not switched on.
* Strict mode[CSS1Compat] : Standard-compliant mode is switched on.
function getPosition(e) {
e = e || window.event;
var cursor = {x:0, y:0};
if (e.pageX || e.pageY) {
cursor.x = e.pageX;
cursor.y = e.pageY;
}
else {
var de = document.documentElement;
var b = document.body;
cursor.x = e.clientX +
(de.sc…text/html2025-05-25T07:23:11+00:00Anonymous (anonymous@undisclosed.example.com)syntax
https://as5202t-5748.myasustor.com/doku.php?id=wiki:syntax&rev=1748157791&do=diff
Formatting Syntax
DokuWiki supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressingtext/html2010-08-06T02:32:59+00:00Anonymous (anonymous@undisclosed.example.com)struts
https://as5202t-5748.myasustor.com/doku.php?id=study:java:struts&rev=1281061979&do=diff
Cache Control
you can control the cache of JSP pages with extending RequestProcessor.class
protected void processContent(HttpServletRequest request, HttpServletResponse response) {
if (request.getServletPath().equals("/order/orderGear.do")){
logger.info( request.getServletPath() + " is CACHE ON!");
if (logger.isDebugEnabled()) {
logger.debug("CACHE ON");
}
response.setHeader("Cache-control", "Public, max-age:1800");
response.setHeader("Expires", "1");…text/html2025-02-28T01:31:22+00:00Anonymous (anonymous@undisclosed.example.com)tip
https://as5202t-5748.myasustor.com/doku.php?id=study:linux:tip&rev=1740706282&do=diff
疑似treeコマンド作成
treeコマンドのインストールできない環境でtreeコマンドを利用できる方法を説明します。
find、sedコマンドを利用した下記コマンドを使います。
pwd;find . | sort | sed -e "s/[^-][^\/]*\// |/g" -e "s/|\([^ ]\)/|-\1/"text/html2008-09-13T04:03:31+00:00Anonymous (anonymous@undisclosed.example.com)iterator
https://as5202t-5748.myasustor.com/doku.php?id=study:java:design_pattern:iterator&rev=1221278611&do=diff
the Definition of Iterator Pattern
이터레이터 패턴의 정의는 다음과 같습니다.
이터레이터 패턴은 컬렉션 구현방법을 노출시키지 않
으면서도 그 집합체 안에 들어 있는 모든 항목에 접근할
수 있게 해 주는 방법을 제공해 줍니다.