본문 바로가기

JavaScript & JQuery4

서버 실행없이 HTML에서 JSON파일 읽기 (+ Controller에서 Json파일 읽어서 보내기) 원래는 서버에서 JSON 파일을 읽어 Model객체로 전달해주는 로직이었다. [ 컨트롤러에서 JSON 파일 읽기 ] - 여기서는 webapp 하위 경로에 넣었다. (아래 코드) - Resources 하위에 넣어놓았다면 아래와 같이하면 된다. - java.net.URL과 java.lang.ClassLoader 이용 - URL systemResource = ClassLoader.getSystemResource("CertPdfDemoFile.pdf"); // gson, HttpServletRequest 을 이용 JsonParser parser = new JsonParser(); String jsonFilePath = request.getSession().getServletContext().getRealPath.. 2020. 8. 11.
IE와 Edge에서 onclick 이벤트 시 더블클릭 이슈 + 엣지의 html() 개발 완료 후 각기 다른 브라우저에서 테스트를 진행하고 있었다.. 크롬, 파폭에서는 정상적으로 작동하던 스크립트가 유독 IE랑 Edge에서만!! 말썽이었다ㅠㅠ 해당 기능은 selectBox(셀렉트박스)에 체크 여부에 따라 html태그를 append 시키는 기능으로체크를 하면 추가가 되고 체크를 해제하면 추가된 항목도 삭제가 되는 식이었다 (예를 들어, onclick에 checked 여부를 보고 append를 걸어놓으면 ie/edge에선 체크가 해제되는게 아니라 두번 들어가게 된다. 물론 조금 빠르게 누르는 경우..) 하지만 이때..selectBox 더블클릭하면 중복으로 들어가는 현상이 발생한다!! 따라서 구글링 한 결과 onclick대신 onchange를 쓰면 해결된다고 하여 수정했더니 해결...그런 의.. 2020. 2. 27.
[생활코딩] this, call, 프로토타입, 상속 등 개 // this /*var kim = {name : 'kim',first : 10,second : 20,sum : function(f, s){return f+s;}}console.log(kim.sum(kim.first, kim.second));*/ var kim = { name : 'kim', first : 10, second : 20, sum : function(){ return this.first+this.second; // 메소드가 속해있는 객체를 가리키는 것 = this // 왜? 유연성! kim이건 k이건 상관 없음. 그 객체를 가리키기 떄문}} console.log("this이용", kim.sum()); 자바스크립트에선 함수도 객체...! this: 함수에서는 (window.)abc(); 생략된.. 2019. 6. 9.
[생활코딩] 객체 / console / group DOCTYPE html> Document /* - 객체 기본 사용법! 객체 : 이름이 있는 정보를 정리정돈할 때 쓰는 것 - 객체에 있는 값 읽는방법 . 이나 []를 이용해서 읽을 수 있음 */ var memarray = ['a','b','c']; // 배열에서는 대괄호[]로 값에 접근 console.log("memarray[2]", memarray[2]); var memObject = { manager : 'abc', developer : 'graphittie', designer : 'leezhce' } // 객체에서는 . 으로 접근 + 대괄호 가능(""로 감싸야함) // memObject[designer] console.log(memObject.designer); console.log(memObjec.. 2019. 6. 9.

티스토리툴바