728x90
반응형

JS . JSP 6

JavaScript ) 함수 ( 중첩함수, 렉시컬 환경, 클로저, 가비지 컬렉션 )

1. 중첩 함수 - 자바스크립트는 함수 내부에서 함수를 또 선언해서 사용하는 중첩(nested) 함수를 사용합니다. 중첩 함수는 새로운 객체의 프로퍼티 형태나 중첩 함수 그 자체로 반환될 수 있다는 점에서 흥미롭습니다. 이렇게 반환된 중첩 함수는 어디서든 호출해 사용할 수 있습니다. 물론 이때도 외부 변수에 접근할 수 있다는 사실은 변함없습니다 function makeCounter() { let count = 0; return function() { return count++; }; } let counter = makeCounter(); alert( counter() ); // 0 alert( counter() ); // 1 alert( counter() ); // 2 그런데 makeCounter를 살펴..

JS . JSP 2023.01.16

모달 다이얼로그

head body 모달 Launch demo modal ×Close Modal title ... Close Save changes 설명 모달이란 버튼을 클릭하면 팝업창이 위에서 내려오는 구조입니다. 용도는 다양한데 로그인, 회원가입, 알림 메시지 등 여러 용도로 사용할 수 있습니다. data-toggle=“modal” : 자바스크립트에 의해 작동하므로 이 속성을 추가해야 합니다. (이 속성은 토글 역할을 합니다. 즉, 클릭하면 팝업창이 나타나고 다시 이 버튼을 클릭하면 사라집니다.) data-target=“#myModal” : 버튼을 클릭했을 때 열리는 대상 모달창의 id값을 넣어줍니다. class=“modal fade” : .modal은 포지션을 정하기 위한 것이므로 나타나는 위치를 수정하려면 이 선택..

JS . JSP 2018.03.24

confirm()

confirm() 메소드는 매우 자주 사용되며 이를 수행할 경우 텍스트와 확인 및 취소 버튼을 출력하여 사용자의 선택을 받는 매우 간단한 다이얼로그 박스를 보여준다. 이를 통해 사용자가 어떤 행위를 할 것인지 매우 간단한 방법으로 결과를 얻을 수 있는데 그에 따른 결과를 true, false로 반환해 준다. 예를들어 어떤 파일을 지운다고 가정해보자. 파일을 지우는 것을 사용자에게 한번더 확인하기 위해서 confirm() 메소드를 사용할 수 있을 것이다... 이를 실행하면 확인하거나 취소를 물으며 사용자의 결정에 따라 해당하는 분기문을 만들어 실제 파일 삭제를 진행할 수 있는것이다... # Confirm() 메소드의 사용 예제 보기아래는 매우 간단한 예제이다. 출처 : https://webisfree.co..

JS . JSP 2018.03.24

html 텍스트박스 값을 script에 가져온후 함수에 적용

function checkContent(){ var name = $('#userName').val(); // 안에는 아이템의 아이디를 써준다. #은 아이디를 참조한다라는 뜻 var title = $('#title').val(); var content = $('#content').val(); var pass = $('#contentPass').val(); if ( name=="" || title == "" || content == "" || pass == "" ){ alert("입력되지 않은 데이터가 있습니다."); }else{ alert("저장 완료"); // form 아이디를 서밋. document.getElementById('saveContent').submit(); } }

JS . JSP 2018.03.21

테이블의 ROW데이터 가지고 오기.

// 테이블의 Row 클릭시 값 가져오기 $("#example-table-1 tr").click(function(){ // example-table-1는 테이블의 id , 그 id의 tr을 클릭 했을 때의 기능. var str = "" var tdArr = new Array(); // 배열 선언 // 현재 클릭된 Row() var tr = $(this); var td = tr.children(); // tr.text()는 클릭된 Row 즉 tr에 있는 모든 값을 가져온다. console.log("클릭한 Row의 모든 데이터 : "+tr.text()); // 반복문을 이용해서 배열에 값을 담아 사용할 수 도 있다. td.each(function(i){ tdArr.push(td.eq(i).text()); }..

JS . JSP 2018.03.20
728x90
반응형