JS Coding

자료 다운로드 View.jsp 를 불러오면서 ATTACHING_FILE 테이블의 PK키를 변수로 button onclick 속성 통한 동기식 요청 Controller 에서 Get 방식으로 ResponseEntity 타입의 제너릭 로 구성하였으며, ResponseEntity에 대한 설명 -- HttpEntity 클래스를 상속받아 구현한 클래스가 RequestEntity, ResponseEntity 클래스이다. ResponseEntity는 사용자의 HttpRequest에 대한 응답 데이터를 포함하는 클래스이다. 따라서 HttpStatus, HttpHeaders, HttpBody를 포함한다. serviceImpl 로직처리 구간에서 해당 파일 정보들을 가져오고 정보를 Resource를 통해 파일 저장된 경로를 ..

package kr.or.ddit.bts; import java.util.ArrayList; import java.util.List; import java.util.Set; import java.util.TreeSet; public class test { public static void main(String[] args) { { // 리스트는 인덱스(** 키를 자동으로 담는다 **) 와 밸류로 이루어져 있다. // 순차적으로 인덱스가 생성되어 순번이 있기 때문에 처리과정이 시간 지연이 걸린다. List list = new ArrayList(); // set은 키(** 키값을 수동적으로 지정해서 담는다**) 와 밸류로 이루어져 있다. // 순번 상관 없이 담기 때문에 처리과정에 시간지연이 없고 빠르다. ..

구글 검색창에 D3.js / C3.js 등 차트를 이용할 수있는 다양한 컨텐츠가 있지만 사용하기 간편하고 이해하기 쉽게 만들어진 Chat.js 에 대해서 알아보겠다. 크롬 검색창에 chat.js 를 검색하면 사이트가 나오는데 거기서 Getting started 를 눌러 들어가면 있느 소스를 가져온다. DOCTYPE html> Document const ctx = document.querySelector('#myChart'); const myChart =new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ type: "line", label: '# of V..

DOCTYPE html> 김소원 이은솔 신수연 김정하 예쁜이 // $("#aaa") // 즉각실행함수 // var $; // 전역변수 // var kgb ="민주 주의!"; // alert(window.kgb); // 위에 var kgb 전역변수와 같다. window.$ = null; !function(){ // new를 생략하고 싶다면 factory $ = function(pSel){ return new myDom(pSel); // 여기서 생성해서 돌려준다. } const myDom = function(pSel){ let elems = document.querySelectorAll(pSel); this.selQuery = pSel; // 선택지를 임시로 저장해 둠 this.length = elems.l..

DOCTYPE html> 재성 오케잉 억지 bind 예제 버튼 //사용이 권장 되지는 않는다. (제대로 사용이 안되서) // document.write("write 에 대한 설명"); /* 기본 함수를 사용할줄 알면 이렇게 사용 가능. function print(msg){ document.write(msg); } */ // var print = document.write; //문법적으로 이렇게 사용 가능. // 이렇게 사용하면 document.write 내에는 this가 내장되 어있는데 // print()로 넣게 되면 print 앞 window가 있기에 // this가 window를 가라키게 되어서 문법은 맞으나 불법적?인 // 사용이 되어 에러가 난다. // 제대로 사용하려면 var print = do..