DBILITY

https://ko.javascript.info/size-and-scroll 요소 사이즈와 스크롤 ko.javascript.info 위 사이트의 정리 내용 중 일부 발췌. offsetParent – 위치 계산에 사용되는 가장 가까운 조상 요소나 td, th, table, body offsetLeft와 offsetTop – offsetParent 기준으로 요소가 각각 오른쪽(좌측으로 부터), 아래쪽(상단으로 부터)으로 얼마나 떨어져 있는지를 나타내는 값 offsetWidth와 offsetHeight – 테두리를 포함 요소 '전체’가 차지하는 너비와 높이 clientLeft와 clientTop – 요소 제일 밖을 감싸는 영역과 요소 안(콘텐츠 + 패딩)을 감싸는 영역 사이의 거리를 나타냄. 대부분의 경우 왼..

HTML5 Websocket은 양방향, Server Sent Event는 단방향(Server -> Client)을 지원한다. 완성된 코드로 볼 수 없으나 동작함. web.xml의 filter와 servlet(3.0이상)설정에 async-supported 추가 필요함 ws encodingFilter org.springframework.web.filter.CharacterEncodingFilter true encoding UTF-8 forceEncoding true encodingFilter /* contextConfigLocation classpath*:spring/context-*.xml org.springframework.web.context.ContextLoaderListener dispatcherS..

기능을 테스트하며 기록을 남긴다. back-end는 spring 4.3.9.RELEASE를 사용했다. commons-fileupload를 사용하기 위해 pom에 dependency 추가 commons-fileupload commons-fileupload 1.2.2 commons-io commons-io 2.6 spring dispatcer설정(xml방식)에 CommonsMultipartResolver를 추가 테스트용 Controller를 추가하고 RequestMapping 처리 @RequestMapping(value = "/upload", method = RequestMethod.POST) @ResponseBody public String upload(@RequestParam("mediaFile") Li..

상위 element가 모두 100%여야 가능한가? html, body { margin: 0; height: 100%; overflow: hidden; } /* container-fluid */ .container-fluid { height: 100%; } .row { height: 100%; min-height: 100%; } .col { height: 100%; min-height: 100%; } .main { height: 100%; min-height: 100%; background-color: #eeeeee; overflow: hidden; }

Draw Graph using Google Chart Vote for Favorite fruits