본문 바로가기

반응형

Frontend/jQuery & JSTL

(50)
[jQuery] 새 창 / 새 탭으로 링크 열기 기존 링크를 클릭하면 사용 중인 페이지에서 링크가 열린다.링크 target="_blank"를 넣어주게 되면 새 창 / 새 탭에서 링크가 열린다고 한다.링크 html상으로는 새 창인지 새 탭인지 구분하기 어렵고 브라우저 설정에 따라 다르게 열린다고 한다.-> Why...?
[jQuery] 회고 7/8 1. jQuery 추가시 발생 에러이건 그냥 jQuery쓸줄만 알았지 추가할때 발생하는 에러가 무엇인지 무엇을 추가해야 했는지를 몰랐어서 발생했다. 기록을 위해 작성해본다. jQuery는 JavaScript의 라이브러리 중 하나로 CSS, JavaScript, Html을 보다 단순하게 구현하기 위해 사용한다.사용하는 방법은 간단하다. 라이브러리를 가져와서 JSP파일에서 불러와 사용하면 된다.공식홈페이지 ( https://jquery.com/download/ ) 에서 다운로드 가능하다. 내가 몰랐던 부분인데 map파일이 존재한다. 나는 잘 모르고 그냥 같이 사용하는 줄 알고 같이 넣었었다. because its MIME type ('~') is not executable  이 에러는 다음과 같은 원인으로 ..
[jQuery] 검색시 enter입력 방법 ... method1은 키보드의 번호로 입력을 받는 것이다.method2는 키보드의 엔터키로 이벤트가 발생함을 인지 하는 것이다.
[Tile&JSP] Template 및 Tile에 Custom한 페이지 적용 기존에 국문으로만 작성된 페이지를 영문 페이지도 생성하는 작업을 하려고 한다.데이터 외에 메뉴 등 HardCording된 Text들만 먼저 수정해놓으려고 했다. ( 전체적인 컨셉 파악용)그러면서 페이지 구성을 뜯어보게 되어 기록에 남기려고 한다. 예시로 작성하는 코드들이라 참고만 하기 바란다. 먼저 Controller에서 페이지 불러오게 한다.// indexController.java/*** 영문 메인* @param locale* @param model* @return* @throws Exception */ @RequestMapping(value = "/en")public String indexEng(HttpServletRequest request, HttpServletResponse response, ..
[JSTL] ajax 사용시 변수 업데이트 "/> 프로그램 정보 프로그램 상세정보 수강자 정보 "/> 교육정보 교육명* ..
[JSTL] 옵션값 선택 선택 ${index} ${maxCOrder + 1} document.addEventListener('DOMContentLoaded', function () { var select = document.getElementById('curriculumAddOrder'); var options = select.options; console.log("Option list:"); for (var i = 0; i
[jQuery] 문자 변환 공백 문자 제거 var a = "가 나 다 라 마 바 사 " a.replace(" ","") //결과 : "가나 다 라 마 바 사 " a.replace(/ /g,"") //결과 : "가나다라마바사" 문자 치환 var b = "A가a나A다a라A마a바a사" b.replace(/a/g,"") //결과 : "A가나A다라A마바사" b.replace(/a/gi,"") //결과 : "가나다라마바사"
[JSTL] include된 jsp컨트롤 이전에 include된 jsp로 parameter를 전달하려고 했지만 불가능하여 jsp안의 function을 메서드로 묶어서 표현하는 방식으로 개선 ajax로 jsp안의 function을 호출하는 방식을 사용하여 데이터를 불러오게 작성 ... ... ... ... ... + ) ajax에서의 url분리 url은 String형식이므로 ajax를 사용하기 전에 parameter값으로 분기점 생성 후 String으로 받아 분리 sampleAjaxCall(sample, fStandard); ... var responseYear = ''; ... function sampleAjaxCall(data, mdYear){ $.ajax({ method: "GET", url: "/sampleInitData?year="+re..

반응형