yohanistory

예) var obj = { name: 'yohan' }; function Hello() { console.log(`Hello, ${this.name}`); } Hello(); // 출력 : Hello var Hello2 = Hello.bind(obj); Hello2(); // 출력 : Hello, yohan

컨트롤러에서 바로 띄우지 않고, alert를 띄우는 용도의 jsp를 만들어 사용하는 방법이다. 요청 페이지 -> 컨트롤러 -> alert.jsp -> 요청 페이지 1. 요청 페이지(JSP) 장바구니에 담기 버튼 클릭 ajax로 컨트롤러 호출 function putIn(code, stock) { ... // 1. 상품을 장바구니에 담기 $.ajax({ type: 'POST', url: 'putIn.do', ... } 2. 컨트롤러 로그인 상태 검사하여, 안되어 있는 경우 alert를 띄우는 jsp로 보낸다. if (session.getAttribute("isLogin") == null) { // 로그인이 안되어있는 경우 자동 로그인 response.sendRedirect("login.jsp"); retur..

유효범위(Scope) 변수나 함수는 이름을 부여하여 의미를 갖게 됩니다. 만약 이름이 없다면, 변수나 함수는 그저 하나의 메모리 주소에 지나지 않습니다. 그래서 "이름:값"의 대응표를 만들어 사용합니다. 이 대응표의 이름을 가지고 값을 저장하고 가져와 사용합니다. 이 대응표의 충돌을 막기 위해 유효범위(Scope)라는 규칙을 만들어 사용하게 됩니다. 자바스크립트 또한 스코프 규칙을 가지고 있는데, 자바스크립트(ES6)는 함수 레벨, 블록 레벨의 렉시컬 스코프 규칙을 따릅니다. 1. 함수 레벨 스코프 (Function Level Scope) 자바스크립트에서 var 키워드로 선언된 변수나, 함수 선언식으로 만들어진 함수는 함수 레벨 스코프를 갖습니다. 즉 함수 내부 전체에서 유효한 값을 가지게 됩니다. fu..

즉시 실행 함수 정의와 동시에 실행되는 함수 즉시 실행 함수의 특징 한 번의 실행만 필요로 하는 초기화 부분에 주로 사용된다. 전역 변수를 만들지 않아도 되게 하기 때문에 코드 충돌 없이 구현이 가능하게 한다. 작성 예 기명 함수 형태 (function square(x) { console.log(x*x); })(2); (function square(x) { console.log(x*x); }(2)); 익명 함수 형태 (function (x) { console.log(x*x); })(2); (function (x) { console.log(x*x); }(2)); 함수 표현식 (mySquare = function (x) { console.log(x*x); })(2); // default value mySqu..

요약 window.onload 와 $(document).ready() 중에 어느 한 쪽이 좋다고 할 수 없다. window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출되며, $(document).ready() 는 DOM 요소들만 로드되면 호출된다. window.onload 는 한 페이지에 하나의 함수만 호출되지만, $(document).ready() 는 모두 호출된다. window.onload Javascript로 페이지 로드 시 자동으로 실행되는 함수를 구현하려면 전역 콜백함수인 window.onload 함수를 사용하면 된다. 2017.07.19 - [분류 전체보기] - Javascript | 전역 콜백 함수 Javascript | 전역 콜백 함수 전역 콜백 함수 자바스크립트는 특수한 글..

id class name 하나의 요소만 가능 (페이지 유일) 여러 요소 적용 가능 여러 요소 적용 가능 CSS에서 식별자로 사용 가능 CSS에서 식별자로 사용 가능 CSS에서 사용 불가 - - submit 전송시 사용 jQuery: $(“#아이디”) jQuery: $(“.클래스명”) jQuery: $(“input[name=이름]“)

window.location.href(link); // (X)IE에서는 잘 작동하던 위 함수가 chrome에서 작동하지 않을때가 있다. 그럴 땐.. window.location.href = link; or window.location.assign(link); or window.location.replace(link);을 써본다.

$("#ID_1, #ID_2, #ID_3").click(function(){ alert('test');});

2개 연결 -- 선택 -- 과일 채소 -- 선택 -- 사과 바나나 레몬 양파 호박 3개 연결 -- 구분 -- 국산차 수입차 -- 제조사 -- 현대 기아 벤츠 BMW -- 크기 -- 대형 중형 소형

jQuery로 선택된 값 읽기$("#select_box option:selected").val();$("select[name=selectbox]").val(); jQuery로 선택된 내용 읽기$("#selectbox option:selected").text(); 선택된 위치var index = $("#test option").index($("#test option:selected")); 셀렉트 박스 옵션에 추가(기존 옵션 뒤쪽으로 추가)$("#myselect").append("Apples");$("#myselect").append("After Apples"); 옵션 시작 부분(맨 앞에) 추가$("#myselect").prepend("Before Apples"); 옵션값을 새롭게 정의$("#myselect..