테이블 폭 제약에 따라 긴 본문이 두줄에 걸쳐 출력되었는데 아래와 같은 현상이 발견되었다.

원문

발생현상

 해당 부분은 특정 컴퓨터의 특정 브라우저 ( Chrome 43.0 / IE 11 ) 에서 드물게 발생하였는데 아래와 같이 해결하였다


JSP

JSP 결과 페이지가 XML일때 브라우저 상에서 제목과 같은 메시지를 자주 보게 된다.

이는 XML 윗부분에 whitespace가 추가되었기 때문에 발생한다.

 

위와 같은 코드는 newline 이 발생되며, 아래와 같이 제거할 수 있다.

 

보다 근본적인 해결책은 실제 view 로 접근하는 jsp 파일의 최상단에 아래의 코드를 삽입하면 된다.

 

이렇게 하는 경우 해당 페이지에서 발생하는 모든 whitespace를 제거해준다.

REST (REpresentational State Transfer)


URI 관리

  • 명사는 동사로
  • URI는 되도록 짧게 유지
  • suffix로 출력 형식을 지정하기도 한다. (예 : /search.xml?q=test )


참고자료


css 설정에서 해당 tag의 list-style-position 속성이 inside 로 되어 있는지 확인한다.


(ex) dl,ul,ol,menu,li { list-style-position:inside; }

역시 세상에 쉬운일이 별로 없다고
2.0이 설치된 곳에 overwrite 만 해서는 되질 않는다.
이번 글에서는 변경된 부분에 대해서만 설명하고자 한다.
 - 참조 : 2.0설치 관련 글(http://goo.gl/a1jAg) , Syntax Highlighter (http://goo.gl/wF2u)


추가해야 할 코드

  • <textarea> 를 사용한 경우 script 기술했던 부분에 아래의 코드를 추가한다.
  • Scroll bar 없애기 : 본인이 주로 사용하는 chrome 에서는 모든 창에 vertical scroll bar 가 등장하였고, 세로로 넘어가는 녀석에 대해서는 horizental scroll bar님도 등장하셨다. 아주 보기가 싫어서 shCore.css 부분을 손을 보았다. 차후에 코드 길이가 긴 녀석의 경우 깨질수도 있으니 주의를 요한다.
    • 수정부분은 ".syntaxhighlighter" 녀석의 overflow 속성이다. 이를 auto -> hidden으로 바꾸었다.

SH가 3.0으로 버전업되면서 맘에 든 점 2가지

  1. 소스코드를 드래그 할때 라인번호가 포함되지 않는 소스 고유영역만 선택이 된다.
  2. 테마의 색상부분을 분리하여서 수정하기가 용이하다.
2.0 쓰면서 가장 아쉬웠던 부분이 이번에 멋지게 개선되어 돌아왔다. 테마도 내가 주로 사용하는 vim 의 elflord 색상과 유사하게 바꿨더니 코드 내용들이 전보다 더 친숙해 보인다. 

첨부된 파일은 스크롤바 제거가 추가된 scCore.css파일과 개인적으로 변경한 theme css 파일이다.


Style Test용 Sample code



formid, queryid 는 각자 해당 <form> 및 focus할 <input>의 name이다.



해당 input 창에는 아래와 같이 넣는다.

  • <%@ XXXX %> : 페이지 설정이나 파일을 include하는 등의 지시자 태그.
    • <%@ page language = "java" contentType="text/html; charset=utf-8" %>
    • <%@ page pageEncoding = "utf-8" %>
    • <%@ page import="org.json.simple.*" %>
    • <%@ include file="JsonSenderCore.jsp" %>

  • <%! XXXX %> : JSP 선언부. 클래스나 함수를 정의할때 쓰인다
    • <%! 
      public String getKey(int i) {
          return 3;
      }

  • <% %>: 일반적인 jsp 코드 시작부분

  • <%= 변수 %> : 해당 변수의 값을 출력하는 부분

  • <%-- 주석 --%> : 주석

  • 테이블에 걸어주는 스타일 : style="table-layout:fixed;"
  • td 에 걸어주는 스타일 : style="word-break:break-all;"
  • 텍스트가 테이블을 뛰쳐나가는 것을 막아준다.
  • 테이블의 height이 고정된 경우 고정길이까지만 보여주는데 이를 방지하기 위한 옵션 : height="auto"


+ Recent posts