본문 바로가기

Programing/웹

accesskey https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/accesskey샘플<h2 data-access-key="t" id="title">제목: access key</h2>
[Tomcat] 기본 에러 페이지 오버라이드 keyword: tomcat default error pagehttps://stackoverflow.com/questions/7066192/how-to-specify-the-default-error-page-in-web-xmlWEB-INF/web.xml 에 에러가 보일때 표시할 페이지를 지정할 수 있다.예)<error-page>    <error-code>404</error-code>  &n..
[Handlebars] 공백 문자 trim하기 핸들바에서 문자를 합치다 보면, 마크업의 줄바꿈 때문에 문자열이 줄이 바뀌는 경우가 있다.이전 포스트인 http://namocom.tistory.com/475 가 그 예중에 하나이다.예를 들어 a 엘리먼트로 하이퍼텍스트 링크를 건다고 했을 때 공백문자가 들어가 버리면 URL이 깨져버리는 일이 발생할 수 있다.다행히 핸들바에서는 이러한 공백문자 제거하는 방법을 제공하고 있다.틸드(~)기호를 이용하면 된다.관련된 깃랩 머지요청은 아래이다.{{~..
[Handlebars] each에서 마지막 원소의 조건 만들기(예. 콤마 빼기) 리스트로 값을 받는 것을 나의 문자열로 붙이는 것을 하던 중에 마지막 원소에는 콤마가 필요없었다.핸들바 코드 상에는 이랬다.{{#each items}} {{itemPackageId}}:{{itemId}}:{{quantity}},{{/each}}그런데 마지막에 콤마가 있으니 보기가 싫었다.찾아보니 마지막 엘리먼트인지 판단할 수 있는 로직이 있었다.stackoverflow: conditional on last item in array us..
favicon을 태그로 지정하기 사실 favicon은 IE에서 브라우저의 아이콘을 표시하기 위한 방법이었다.1999년 마이크로 소프트가 릴리즈한 인터넷 익스플러어 5에서 최초로 사용되었다고 한다.그런데 현재 사실상의 표준이 되었다.그런데 애플에서는 더 라운드 처리된 아이콘으로 쓸 수 있다는 것 같다.<link rel="apple-touch-icon" href="somepath/image.png" />표준화는 RFC 5988에 의해 진행되었고 HTML5 ..
native ajax에서 POST로 데이터 전송시 클라이언트에서 Ajax를 사용할 때 웬만해서는 jQuery나 프레임워크에서 제공하는 것을 이용하지 직접 XMLHttpRequest를 생성해서 호출하지 않을 것이다.페이지 최초의 로깅을 위해 native ajax를 구현해서 POST요청을 했다.처음에는 전송할 데이터가 필요없었는데, 필요하면서 특정 id를 넘겨야 했다.서버 코드는 아래와 같고,@ResponseBody@RequestMapping(value = { "/formLoadStart" }..
[AngularJS, CSS] Conditionally Apply a CSS Class with AngularJS 테이블의 로우를 선택시에 색상을 변경해야 했다.처음에는 ng-style으로 하려다가, ng-class로 했다.참고한 사이트: Conditionally Apply a CSS Class with AngularJS {{링크}}관련 공식사이트(?): Tutorial 12 - Applying Animations {{링크}}
[AngularJS] {{value}}의 렌더링 문제 AngularJS를 책으로 배우고 나서 그동안 jQuery로만  점점 늘어만 가는 자바스크립트 코드를 줄여줄 수 있는 괜찮은 프레임워크구나 생각을 했다.막상 실무에 적용을 하고 보니 몇 가지 문제가 있었다.1. 구 IE지원의 문제: 사실 프레임워크의 문제라기 보다 IE의 구현에 문제가 있지만 이미 사용하고 있으니 어떡한담.  고객사에서 아직도 IE6를 사용하고 있다는 것을 들은 적이 있다. jQuery 2.x로 넘어가기 힘든 원인도..