랩제이

[워드프레스] 아파치2.2 virtual host를 이용하여 아파치와 톰캣 80포트 이용하기 1. 디렉토리 구조 APM_Setup: 워드프레스 아파치 웹서버 Tomcat 7.0 : 톰캣 웹서버 2. 아파치 설정 1) C:\APM_Setup\Server\Apache\modules에 mod_jk.so 복사합니다. 2) C:\APM_Setup\Server\Apache\conf\httpd.conf 를 수정 및 텍스트를 추가합니다. - 수정# Virtual hostsInclude conf/extra/httpd-vhosts.conf - 추가LoadModule jk_module modules/mod_jk.so JkWorkerProperty worker.list=ajp13JkWorkerProperty worker.aj..

[jsp] 웹에디터 CKEditor와 CKFinder 함께 사용하기 Spring MVC로 만들어진 웹어플리케이션 기본 웹어플리케이션입니다. 이곳에 ckeditor와 ckfinder를 이용하여 웹에디터를 사용하려고 합니다. 기본적인 사항에 대해서는 설명을 제외하고 설치 후 실행되는 것을 바로 보도록 하겠습니다. (프로젝트명은 sample이 아니고 sample2입니다. 첨부파일 참고) 1. ckeditor 복사 ckeditor는 웹에디터이고 ckfinder는 파일 및 이미지를 업로드 할 수 있는 플러그인이라고 보면 될 것입니다. 자바용으로 제공되는 ckeditor가 있지만 범용적으로 사용 할 수 있도록 자바스크립트되어 있는 버전을 설치 하였습니다. http://download.cksource.com/CKEd..

[jsp] ckfinder thumbnail 이미지 보이지 않는 오류 수정 톰캣7에서 ckfinder images 폴더보기 안되는 오류 수정했습니다. CKFinder-2.3.jar 삭제하고 첨부된 CKFinder-2.3_jobtoy_20121114.jar로 교체하면 됩니다. 톰캣6에서는 정상적으로 보입니다. 톰캣7에서 오류 발생하면서 thumbnail 이미지가 보이지 않았습니다. [그림1] [오류 메세지] org.apache.tomcat.util.http.parser.TokenMgrError: Lexical error at line 1, column 16. Encountered: ":" (58), after : "" at org.apache.tomcat.util.http.parser.HttpParserT..

[jsp] 웹어플리케이션 SSO 방식 WEB1, WEB2, WEB3의 웹어플리케이션이 3개 있습니다. 물리적으로 2개 서버 설치되어 있고 2차 도메인이 동일하게 적용되어 있습니다. WEB1에서 로그인을 하고 WEB1의 session에 이용자 정보를 저장 한 후에 WEB1의 iframe에 WEB2의 로그인 페이지를 호출하여 WEB2의 session에 이용자 정보를 저장하고 WEB2를 호출한 WEB1의 iframe에서 onload에 의해서 WEB3를 submit 합니다. WEB3의 session에 이용자 정보를 저장하고 WEB3는 WEB1의 메인 페이지로 이동합니다. 이와 같은 방식으로 처리하면 간단하게 웹어플리케이션 간에 SSO를 처리 할 수 있습니다. 물론 이용자 정보는 세개 웹어플리케이션이 동일하게 바..

[mobile web] 모바일웹 favicon 추가시 참고사항 모바일웹에서는 favicon의 사용을 안 하는 경우도 있는데 모바일 바탕화면에 바로가기 아이콘을 만들거나 할 경우 필요한게 favicon입니다. 그러므로 모바일웹 페이지에는 favicon 설정이 들어가야 합니다. 기본적으로 안드로이드, 아이폰 계열입니다. 1. favicon 1) 안드로이드 계열의 경우 ico 사용 사이즈: 128*128 2) 아이폰 계열의 경우 png 사용 사이즈(아이폰): 57*57 (자동 리사이즈 되므로 114*114 이용해도 됨) 사이즈(아이폰4): 114*114 사이즈(아이패드): 72*7257 (자동 리사이즈 되므로 114*114 이용해도 됨) 2. 홈화면에 추가시 1) 안드로이드 계열의 경우 Ico 적용 그대로 사..

[mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기 로그인 화면에서와 마찮가지로 data-role=”none”을 주었을 때 Jquery mobie의 class가 자동으로 적용되지 않습니다. 1,2를 적용해 보았을 때 Jquery mobile을 사용하더라도 정상적으로 a tag에 유사클래스가 적용되어 동작합니다. 1. a tag에 data-role=”none” 적용 1- 1 2. 유사 클래스 적용 .test1:active, .test1:hover { color: #333333; background-color: #AACCAA; } .test2:active, .test2:hover { color: #FFCCAA; background-color: #DDCCAA; } 터치시에 색..

[mobile web] hash change 게시판 테스트된 페이지를 이용하면 hash change 게시판을 만들기에는 부족함이 없을 것으로 보입니다. ajax과 hash change를 이용하여 구현하여 보았습니다. 1. hash 값을 가진 url 호출 http://127.0.0.1/hashchange/hash/board.jsp#page5 처음에 board.jsp 안에 ajax으로 pageData를 가져와서 넣어주었습니다. id="firstPage" 만 있고 calss는 ui-page-active 상태입니다. [5 ] 2 page를 클릭했습니다. 브라우저의 url은 ~#page2로 변경되었습니다. id="firstPage"의 class에 ui-page-active가 사라지고 id="page2"가 생기면서..

[mobile web] Hash change의 GET, POST 방식 1) Hash change POST 방식 $.mobile.changePage(url, { type: "post", data: $("form#pageForm").serialize() }); 2) Hash change GET 방식 $.mobile.changePage(url, "slidedown", "reverse"); [mobile web] Hash change의 GET, POST 방식