불친절한자수씨

금일 서버 반영 도중 뜬금 없이 아래 에러를 발견하였습니다.

Failed to create a new SAX parser

외국 사이트를 뒤지다 보니 xerces 파서가 webapps 의 lib 에 있어 서로 호환이 되지 않는 다는 것을 확인하였습니다.

역시나... 우리 webapps 에는 xercesImpl-2.6.2.jar 가 있었습니다.

제거 후 재시작!!! 서버는 정상적으로 올라왔으나... 이제는 다른 문제가...

현재 개발하고 있는 시스템에서 첨부파일을 다운로드할 경우 공백이 '+' 로 바뀌어서 저장이 됩니다.

예를들어 "불친절한 자수씨의 블로그.pdf" 라는 파일이라면 "불친절한+자수씨의+블로그.pdf" 라는 파일로 저장이 됩니다.

원인은 한글 파일명을 지원하기 위해 URLEncoder 를 사용하는데, 이것이 공백을 '+' 로 만드는 범인이였습니다.

기존 방식은 아래와 같았을 것 입니다.

개선 방법은 URLEncoding 후 '+' 로 변경된 공백을 '%20' 으로 다시 변경합니다.
String fileName = "불친절한 자수씨의 블로그.pdf"; fileName = URLEncoder.encode(fileName, "UTF-8"); fileName = fileName.replaceAll("\\+", "%20"); response.setHeader("Content-Disposition", "attachment;filename=" + fileName + ";");

'+' 는 정규식의 수량을 나타내는 것이기 때문에 역슬래쉬가 앞에 붙어야 합니다.

원래 있던 '+' 가 걱정되시는 분들은 걱정할 필요가 없습니다.
URLEncoder.encode() 메소드에 의해 '%2B' 로 변환이 됩니다.

어떻게 생각해보면 쉬운 것이였는데 신경을 못 쓰다보니 불편함을 안고 살았던 것 같습니다.

오늘 알게되었습니다. Windows 7 에서 IE 8 은 세션을 공유한다는 것을... (Win 7 촙오라서...)
분명 XP를 사용할 때, IE 8 에서는 세션을 공유하지 않는 것으로 생각 했는데, Windows 7 에서 새로 추가된 것인지는 모르겠지만 정말 대 재앙이었습니다.

일반적인 사용자들이야 편하겠지만... 개발자들은 한 PC에서 여러 계정을 띄워놓고 테스트 할 일이 많은데 어쩐지 세션이 꼬이는 것이였습니다. (이것 때문에 CAS가 재대로 안되는지 알고 4시간 삽질한 것 같습니다.)

이걸 알게된 것도 완전 우연이였습니다. 작업관리자에서 익스플로러 메모리가 180MB 정도 잡아먹길래, 기존에 메모리를 해제하는 방법인 열려있는 브라우저를 최소화를 했는데도 메모리를 그대로 잡고 있었습니다.
이상한 점을 느끼고 몇 가지 테스트를 해 보았습니다.

1. IE 8 브라우저를 한개 띄웠을 때의 작업관리자
아래 보이는 대로 두개의 iexplore.exe 프로세스가 생성되었습니다.



2. shift + 클릭으로 새창을 띄웠을 경우 (새 창은 웹 페이지 접속)
페이지에 접속하게 되어 메모리와 CPU를 잡아먹는 iexplore.exe 프로세스가 생성되었습니다.



3. 새로 띄운 창을 닫음
새로 띄운 창을 닫았음에도 불구하고 프로세스가 그대로 남아 있습니다.



4. 처음에 띄운 브라우저를 닫음
처음에 생성되었던 두 개의 iexplore.exe 프로세스가 사라졌습니다.



위의 내용을 종합해보면 메인에서 관리하는 프로세스가 하나 있고 브라우저 별로 한 개씩 프로세스가 생기며, 모든 창이 닫히기 전까지 프로세스가 살아있는 것을 볼 수 있었습니다. 세션을 계속 유지하기 위함으로 생각 됩니다만...

이와 같이 세션을 공유하는 것을 해결 하기 위해서는 아래와 같은 방식을 MS에서 제시하였습니다.
>> 브라우저에서 새 세션으로 열기


저 같은 경우는 작업표시줄에서 shift + 클릭으로 새창을 많이 띄우는데 위의 방법은 저와는 맞지 않아 아래의 방식을 사용하였습니다.

>> 실행 옵션에 -nomerge 를 설정



설정을 마치고서 몇 가지 테스틀 해 보았습니다.

5. -nomerge 옵션을 주고 새로운 브라우저를 띄움
역시나 두 개의 iexplore.exe 프로세스가 생성됩니다.



6. shift + 클릭으로 새 창 띄움
아까와는 다르게 프로세스가 2개 더 생성되었습니다.
세션 별로 메인 프로세스를 가지고 브라우저 별로 새로운 프로세스를 가지는 것을 추측할 수 있습니다.



물론 브라우저를 닫으면 관련된 프로세스가 죽게 됩니다.


이걸로 모르고 개발하는 웹 개발자들이 태반일텐데... 완전... 힘이 쭉쭉 빠지네요...
흙... CAS는 세션이랑 밀접한건데... 파폭이나 크롬에서는 잘 동작하는데 IE 8 에서 이상해서 진짜 고민 많이 했는데, 전혀 관계 없는 부분에서 찾아낸게... 참 다행입니다 ㅋㅋㅋㅋㅋ


이제부텀 재대로 쓰면 되겠죠~

WIDTH Attribute | width Property

Sets or retrieves the width of the object.

Syntax

HTML	<ELEMENT WIDTH = sWidth... >
Scripting	[ sWidth = ] object.width

Possible Values

sWidth

Integer or String that specifies or receives one of the following values. width Integer that specifies the width of the object in pixels. percentage String that specifies an integer value followed by a %. The value is a percentage of the width of the parent object.

The property is read/write for all objects except the following, for which it is read-only: FRAME. The property has no default value.

DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are not supported in IE8 mode. For more information, see About Dynamic Properties.

출처: http://msdn.microsoft.com/ko-kr/library/ms535147(en-us,VS.85).aspx

위에 MSDN을 참고하면... witdh attribute는 pixel 값만 들어가네요... 아무리 width="130mm" 라고 적어도 130px 로 인식하는 아스트랄한 현상... style로 width를 설정해야 한다네요...


망했다 ㅠ_ㅠ...

extjs 인쇄 테스트하다가 IE 에서는 되는데 FF 나 Chrome 에서는 특정부분에 인쇄가 되지 않아 계속 테스트 해본 결과 input 의 value 가 innerHTML 의 값으로는 뽑아지지 않는 것을 확인하였습니다.
인쇄외에도 innerHTML 에서 값이 뽑아지지 않는다면 제너레이팅 된 HTML 문서를 따로 저정할 경우 input 필드들은 빈 값으로 저장되는 문제가 발생할 수 있기에 해결책을 찾기 시작하였습니다.

1차 테스트
검색은 역시 구글입니다. 네이버에서 검색하니 이상한 결과들만....


2차 테스트

어떤 브라우저가 정상적으로 표현을 하는지는 몰라도... (물론 IE 가 웹표준 안지키기로 유명하긴 하지만)
웹 개발자의 비애는 끝이 없습니다. ㅋㅋㅋ

십자수 매장이나 차릴까....

회사에서 GlassFish 를 다운받고 서버쪽에 GlassFish 를 추가했는데 안나오는 겁니다.
(플러그인이 재대로 설치가 안된 듯...)
https://glassfishplugins.dev.java.net/download/index.html << 여기서 플러그인을 다운받습니다.

일단 집에서와 비슷한 환경으로 설치를 하였습니다.... 만 WTP 에서 Server 설정을 하려 하는데
아래와 같은 화면이 반겨주었습니다.

Missing classpath entry ~~\appserv-rt.jar

GlassFish 설치경로에 lib 폴더를 가보았더니 appserv-rt.jar 파일은 없고 appserv-rt.jar.pack.gz 이런 파일만 있었습니다.
gz 파일인지 알고 압축을 풀어도 안되고... 찾아보니 pack.gz 라는 압축방식인가 그런가 봅니다.
역시 구글링을 해본 결과... setup 을 덜 한 것 같았습니다.

사람들이 말하는대로 lib\ant\bin\ant -f setup.xml 명령을 해주면....
먼가 설치가 쫘르르르르 진행됩니다.

다시 이클립스에서 서버를 설정하면.... 일단은 다음 단계로 넘어갈 수 있다는 것이지요..

GlassFish 삽질기는 계속됩니다....

[참고자료]
GlassFish 플러그인 - https://glassfishplugins.dev.java.net/download/index.html
GlassFish Plugins Forum Thread - http://forums.java.net/jive/thread.jspa?threadID=38230&tstart=0

JAX-WS 예제를 보니 GlassFish 를 설치해야 하는 군요... 설치들어갑니다.

더보기
생각보다 간단하네요...
아옹 할 거는 겁나 많은데 몸은 한개랍니다... 킁

회사 누나가 찾아준 웹 표준 가이드~~ 나중에 시간 여유될 때 봐야겠구나아~

http://html.nhndesign.com/?guidelines/naming

파이어준 아저씨 블로그를 둘러보다가 찾은 CSS Sprites...

하지만 합쳐진 png 파일을 만들려고 했는데 라이센스 때문에 포토샵 CS3 는 깔면 안되는 상황이라...

GWT 의 ImageBundleBuilder 를 베껴서 해당 폴더의 이미지를 하나의 png 파일로 만들어주고

style sheet 에 들어갈 내용도 만들어 주는 것을 만들긴 했는데;;;;;;

그냥 급하게 쓸려고 만든거라 하하핫;;;;

more..