안녕하세요 이번 포스팅은 html 요소인 Select Option에서 Value값 뿐만 아니라 고유 값을 추가하고 싶을 때의 방법을 알려드리려고 합니다. var objOption = document.createElement("option"); objOption.value = "value값"; opjOption.text = "text값"; objOption.dataset.sample = "sample값"; // 특정 고유 값 생성가능 option 객체를 생성하고, value와 text를 지정합니다. value는 option의 value. 즉, 값이며 text는 option에 보여지는 텍스트입니다. value외에도 고유의 값을 추가하려고할 때 dataset을 이용하시면 됩니다. 옵션객체.dataset.값이름..
FE
팝업창을 열면 SCRIPT87:잘못된 인수입니다. 라는 오류가 발생했다. 크롬에서는 정상 작동하는데 IE에서만 해당 오류가 발생했다. 알고 보니, window.open에서 title 인자에 공백이 있어서 발생한 것이다. function openPopup(){ var url = "url?arg1="+arg1+"&arg2="+arg2; var title = "popup 1";// 이 변수에 공백이 있어서 오류 발생 var status = "toolbar=no,scrollbars=no,resizable=yes,status=no,menubar=no,width=260, height=120, top=0,left=0"; window.open(url,title,status); } 즉, 공백을 넣지 않으면 해결된다.
안녕하세요. 이번 포스팅에서는 자바스크립트로 팝업 여는 방법을 알아보겠습니다. 아래 예제를 통해 2가지 방식(GET, POST)을 알아보겠습니다. 1. POST 방식으로 팝업 열기 function openPopup(){ var url ="url.do"; var title = "popup"; var status = "toolbar=no,scrollbars=no,resizable=yes,status=no,menubar=no,width=260, height=120, top=0,left=0"; window.open("", title,status); //window.open(url,title,status); window.open 함수에 url을 앞에와 같이 //인수로 넣어도 동작에는 지장이 없으나 form.act..
안녕하세요. 이번 포스팅에서는 javascript에서 자주 사용하는 JSONArray 타입의 데이터를 JAVA와 통신하는 방법에 대해서 알아보겠습니다. 아래 예제를 통해서 쉽게 이해하도록 해보겠습니다. JSON관련 라이브러리는 다양하지만, 이번 포스팅에서 다룰 건 아래와 같습니다. 1. net.sf.json.* 라이브러리 2. org.json.simple.* 라이브러리 목차 1. net.sf.json.* 라이브러리 1-1. Javascript단에서의 JSONArray 보내기 1-2. JAVA 단에서 JSONArray를 받고 Javascript로 JSONArray를 보내기 1-2-1. net.sf.json.* 라이브러리를 사용하는 경우 1-2-2. org.json.simple.* 라이브러리를 사용하는 경우..
이번 포스팅에서는 Javascript에서 날짜 가져오는 방법을 알아보겠습니다. 1. 현재 날짜 및 시간 구하기 var today = new Date(); console.log(today) // 출력결과 : Tue Mar 30 2021 22:38:44 GMT+0900 (대한민국 표준시) 2. 메소드를 이용해 원하는 형식으로 출력하기 var today = new Date(); console.log(today) // 출력 결과 : Tue Mar 30 2021 22:38:44 GMT+0900 (대한민국 표준시) console.log(today.getFullYear());// 출력결과 : 2021 console.log(today.getYear());// 출력결과 : 121 console.log(today.getM..
안녕하세요. 프로그래밍을 하면서 조건문과 반복문은 정말 중요한데요. 이번 포스팅은 JSTL에서 사용하는 조건문에 대해서 알아보려고 합니다. JSTL에서 사용하는 조건문은 , 입니다. 아래의 예제 소스를 보면서 알아보겠습니다. 1. JSP 상단에 JSTL 라이브러리 추가하기 JSTL을 사용하기 위해선, JSTL라이브러리를 추가해야 합니다. 2. 사용 방법 JAVA의 if문과 비슷하지만, else 구문은 없습니다.
안녕하세요. jsp에서 반복문이 필요할 때 JSTL을 이용할 수 있습니다. 이번 포스팅에서는 이 JSTL의 반복문이라고 볼 수 있는 c:forEach 사용방법을 알아보겠습니다. 1. JSTL Core 선언 JSTL을 사용하기 위해선, 해당 JSP 페이지 상단에 아래 선언을 해야합니다. 2. 기본 구조 확인하기 아래 소스코드는 c:forEach 기본 구조입니다. ... /** c:forEach 속성 설명 **/ // var : 사용할 변수 명 // items : Collection 객체(List, Map) // begin : 반복 시작 index(기본 값 0) // end : 반복 종료 // step : 반복 시, 증가 폭 // varStatus : 반복문 돌고 있을 때, 해당 상태를 보여주는 변수 /**..
Javascript에서 문자와 숫자 형 변환 방법을 알아보겠습니다. 1. 숫자 ▶ 문자 1) ""을 붙여 문자로 지정 var num = 123; var strNum = num + ""; console.log(strNum);// 출력 결과 : 123(문자) 2) toString() 사용 var num = 123; var strNum = num.toString(); console.log(strNum);// 출력 결과 : 123(문자) 3) String() 사용 var num = 123; var strNum = String(num); console.log(strNum);// 출력 결과 : 123(문자) 2. 문자 ▶ 숫자 1) parseInt() 사용 var str = "123"; var numStr = pa..
