JavaScript

문자열을 일정한 구분자로 잘라서 배열로 저장하기 위해서는 split() 함수를 사용합니다.string.split(separator,limit)문자열을 separator 로 잘라서, 'limit' 크기 이하의 배열에 잘라서 문자열 저장하여 리턴한다.파라미터를 입력하지 않을 경우let str = "apple banana orange";let arr = str.split();console.log(arr) // apple banana orangeconsole.log(arr.length); //1"" 잘라서 배열에 담기const str = "apple banana orange";const arr = str.split("");console.log(arr[0]); // appleconsole.log(arr[1]); ..

다른 메소드 사용할때 값 보관 출력 할 수 있다값 저장sessionStorage.setItem("key",value);사용 예시sessionStorage.setItem("bookId",bookId);값 출력sessionStorage.getItem("key")사용 예시sessionStorage.getItem("bookId") $(".clsBookId").on("click",function(){ //1// console.log("bookId:"+bookId); let bookId= $(this).data("bookId"); let data={ "bookId":bookId } console.log("data",data); //js세션 sessionStorage.setItem("bookId",bookId)..

min.css 파일 ⇒ src.main.webapp.resources.css 폴더 넣기min.js파일 ⇒ src.main.webapp.resources.js폴더 넣기script 넣어서 Swal 이라는 객체 사용 가능showConfirmButton ⇒ 확인 버튼 //sweetalert띄어보자 3초간 보임var Toast = Swal.mixin({ toast:true, position:"top-end", showConfirmButton:false, timer:3000});Toast.fire({ icon:"success", title:"우편번호가 검색되었습니다."})다음지도 예시$(function(){ //다음 우편번호 검색 $("#btnPost").on("click",func..

모달을 띄우는 방법1. button으로 띄우기 Launch Default Modal 2. a 태그로 띄우기 Open Modal3. 기타 요소로 띄우기 Open Modal --> attachVOList 멤버변수 ->List JSTL누적 : c set var="auth" value="" c set var="auth" value="달러{auth += ' ' += 누적할값} --> $('#id').modal('show'); $('#id').modal('hide');Open Modal Large Modal × One fine body… Close Save changes ..

다음 우편번호 서비스의 장점Key 발급 필요 x기업, 상업용이든 뭐든 무조건 무료로 사용 가능행정안전부에서 제공하는 주소 DB를 직접 업데이트 우편번호 검색 script cdn방식으로 daum 객체 생성 할 수 있다. 원본Employee$(function(){ //다음 우편번호 검색 $("#btnPost").on("click",function(){ new daum.Postcode({ //다음 창에서 검색이 완료되면 콜백함수에 의해 //결과 데이터가 data 객체로 들어옴 oncomplete:function(data){ $("#postNum").val(data.zonecode); $("input[name='empAddress']").val(data.address); ..

let arr = ["피자","떡볶이","탕수육"]; arr.forEach(function(str){ console.log("str : " + str); });arr 에서 하나씩 매개변수 str 받음let arr = ["피자","떡볶이","탕수육"];$.each(arr,function(idx,str){ console.log("str[" + idx + "] : " + str);});idx ⇒ 배열 요소의 인덱스str ⇒ 해당 인덱스의 요소 값인 문자열 나타남

id= lprodfile 태그가 변화가 있으면  handleImg() 호출$("#lprodfile").on("change",handleImg) handleImg(e) 함수e : onchange 이벤트이미지가 여러개가 있을 수 있으므로 이미지들을 각각 분리해서 배열로 만들기 let fileArr = Array.prototype.slice.call(files); 파일 타입의 배열반복f: 배열 안에 들어 있는 각가의 이미지 파일 객체fileArr.forEach(function(f){ //이미지 파일이 아닌 경우 이미지 미리보기 실패 처리(MIME타입) if(!f.type.match("image.*")){ alert("이미지 확장자만 가능합니다."); //함수 종료..

Date 객체시간 꺼내기let hours = ('0'+today.getHours()).slice(-2);분꺼내기let minutes = ('0'+ today.getMinutes()).slice(-2);//분초꺼내기let seconds = ('0'+today.getSeconds()).slice(-2);//초시간+분+초 합치기let timeString = hours + ":" + minutes + ":" + seconds;원본function fnCt(){let today = new Date(); let hours = ('0'+today.getHours()).slice(-2); let minutes = ('0'+ today.getMinutes()).slice(-2);//분 let seconds = ('0'..

Data() 객체 생성let today = new Data();Data() 객체에서 연,월,일꺼내기연let year= today.getFullYear();월let year= today.getMonth();일let year= today.getDate();배열자르기 slicehttps://lavender1122.tistory.com/182 배열 자르기 - slice([begin(,end)])배열 자르기배열 일부분을 잘라내어, 새로운 배열로 리턴하기 위해서 slice() 함수 사용begin : 잘라낼 배열 시작end :잘라낼 배열의 종료, end index의 값이 잘라낼 배열에 포함되지 않음end 생략되면, blavender1122.tistory.comlet month = ('0' +(today.getMont..

배열 자르기배열 일부분을 잘라내어, 새로운 배열로 리턴하기 위해서 slice() 함수 사용begin : 잘라낼 배열 시작end :잘라낼 배열의 종료, end index의 값이 잘라낼 배열에 포함되지 않음end 생략되면, begin 부터 배열 끝까지 잘라냄예시const arr = ['a','b','c','d'];const arr1 = arr.slice(1, 3); // [ 'b', 'c' ]const arr2 = arr.slice(1); // ['b', 'c', 'd']const arr3 = arr.slice(-3, -1); // ['b', 'c']arr1 [1](b) 부터 시작해서 [3] (d)전에 끊어짐[0][1][2][3]abcdarr3 [-3](b)부터 시작해서 [-1](d)전에 끊어짐-4-3-2-..