본문 바로가기

Programing/웹

(21)
[Web] Playground, HTML,JS,CSS https://repl.it/@UserUnknown1/to-do-in-vanilla-JS
accesskey https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/accesskey 샘플제목: access key
[Tomcat] 기본 에러 페이지 오버라이드 keyword: tomcat default error page https://stackoverflow.com/questions/7066192/how-to-specify-the-default-error-page-in-web-xml WEB-INF/web.xml 에 에러가 보일때 표시할 페이지를 지정할 수 있다.예) 404 /error-location/404.html WEB-INF/error-location/404.html에 커스텀 페이지를 만들면 된다.
[Handlebars] 공백 문자 trim하기 핸들바에서 문자를 합치다 보면, 마크업의 줄바꿈 때문에 문자열이 줄이 바뀌는 경우가 있다.이전 포스트인 http://namocom.tistory.com/475 가 그 예중에 하나이다. 예를 들어 a 엘리먼트로 하이퍼텍스트 링크를 건다고 했을 때 공백문자가 들어가 버리면 URL이 깨져버리는 일이 발생할 수 있다. 다행히 핸들바에서는 이러한 공백문자 제거하는 방법을 제공하고 있다.틸드(~)기호를 이용하면 된다. 관련된 깃랩 머지요청은 아래이다.{{~#each collection}} - trims whitespace before{{#each collection~}} - trims whitespace after{{~#each collection~}} - trims whitespace before and afte..
[Handlebars] each에서 마지막 원소의 조건 만들기(예. 콤마 빼기) 리스트로 값을 받는 것을 나의 문자열로 붙이는 것을 하던 중에 마지막 원소에는 콤마가 필요없었다.핸들바 코드 상에는 이랬다.{{#each items}} {{itemPackageId}}:{{itemId}}:{{quantity}}, {{/each}} 그런데 마지막에 콤마가 있으니 보기가 싫었다. 찾아보니 마지막 엘리먼트인지 판단할 수 있는 로직이 있었다.stackoverflow: conditional on last item in array using handlebars.js template{{#each items}} {{itemPackageId}}:{{itemId}}:{{quantity}}{{#unless @last}},{{/unless}} {{/each}}
favicon을 태그로 지정하기 사실 favicon은 IE에서 브라우저의 아이콘을 표시하기 위한 방법이었다.1999년 마이크로 소프트가 릴리즈한 인터넷 익스플러어 5에서 최초로 사용되었다고 한다.그런데 현재 사실상의 표준이 되었다. 그런데 애플에서는 더 라운드 처리된 아이콘으로 쓸 수 있다는 것 같다. 표준화는 RFC 5988에 의해 진행되었고 HTML5 스펙에 포함되었다.기본적으로 루트 디렉토리의 /favicon.ico 파일을 HTTP Get으로 요청을 하지만 html의 head에 아래 같은 내용을 넣으면 특정 주소의 favicon을 로딩되게도 할 수 있다. 지원하는 브라우저는:
native ajax에서 POST로 데이터 전송시 클라이언트에서 Ajax를 사용할 때 웬만해서는 jQuery나 프레임워크에서 제공하는 것을 이용하지 직접 XMLHttpRequest를 생성해서 호출하지 않을 것이다. 페이지 최초의 로깅을 위해 native ajax를 구현해서 POST요청을 했다.처음에는 전송할 데이터가 필요없었는데, 필요하면서 특정 id를 넘겨야 했다. 서버 코드는 아래와 같고,@ResponseBody @RequestMapping(value = { "/formLoadStart" }, method = POST) public boolean formLoadStart(String id) {클라이언트는 아래와 같았다. createXMLHttpRequest() 는 IE와 기타의 XMLHttpRequest 객체를 획득하는 것을 추상화해놓은 함수이다. ..
[AngularJS, CSS] Conditionally Apply a CSS Class with AngularJS 테이블의 로우를 선택시에 색상을 변경해야 했다.처음에는 ng-style으로 하려다가, ng-class로 했다. 참고한 사이트: Conditionally Apply a CSS Class with AngularJS {{링크}}관련 공식사이트(?): Tutorial 12 - Applying Animations {{링크}}