jQuery 12

javascript ` (백틱) 자바스크립트 백틱

키보드 왼쪽 상위 물결표시 아래에 ` 를 볼 수 있는데 이것을 백틱이라 한다. 자바스크립트에서 문자열을 표현할때 보통 " " 혹은 ' ' 안에 쓰는데 javascript 문자열 표현 ex. console.log('안녕하세요') 문자열에 변수를 포함하여 작성할때 보통 + 를 사용하여 작성하는데 ex. var name = '홍길동' console.log('제 이름은 ' + name +'입니다.') 문자열이 길어질수록 계속 + 를 사용하는것이 번거로운데 이때 ( ` ) 백틱을 사용하면 좋다. ( ` ) 백틱 사용방법: 변수나 함수 이름 앞에 $ 를 붙이고 { } 중괄호로 감싸주면 된다. ex. ${name} ---------------------------------------------------------..

development♥ 2023.03.13

CallBack 함수란?

콜백함수를 간단하게 이야기하자면 비동기가 끝나고 던지고싶을때 사용한다 가장 간단한 예시로 Ajax가 있음 => url통신이 끝난후에 success실행하게 함 => callback function fnDelete(){ if(confirm('삭제하시겠습니까?')){ $.ajax({ url : '/portal/web/deleteListAjax.do', type : 'post', dataType :'json', traditional: true, data : $('#listForm').serialize(), success : function(response){ alert(response.resultStats.resultMsg); fnSelectList(); $('#areaModal').modal('hide'); ..

development♥ 2023.03.08

제이쿼리 find 함수

_find ( ) 값 찾기 제이쿼리의 find( )함수에대해 알아보기 find( )는 배열이나 객체에서 자신이 원하는 값을 쉽게 찾을 수 있음 사용방법 _.find(collection, [찾을조건]) ------------------------------------------ 예시1. var lists = [ {no:1, name:'my', type: 'a' }, {no:2, name:'dog', type: 'b' }, {no:3, name:'is', type: 'c' } ]; ------------------------------------------- _find(lists, {'no':3}); ------------------------------------------- 반환객체는 {no:3, nam..

development♥ 2023.01.03

<%%> ,<c:forEach> , $ { } 차이

1. [Java Html안에서 사용할 때 ] 특징으로는 로 자바코드를 사용할 수 있다는 것이다. ​ HTML 상에 표시하기 위해서는 (스크립트릿) 안에서 out.println("출력할 컨텐츠") 으로 표시하거나, ​ 밖에서 (표현식) 로 HTML 상에 컨텐츠를 표시할 수 있다. ​ 예제에서는 ​ ​ 이런 식으로 사용하였다. 첫번 째 (스크립트릿) 에서 for 문이 끝나지 않았지만, 두번 째 안에 끝나지 않은 부분을 이어 붙이는 것이 가능하다. 2. 는 jstl 3. 제이쿼리 Jquery $ { }

development♥ 2022.12.24

Jquery 제이쿼리 attr 사용방법 및 예시

function fnSelectDeptSearchModal($select) { //db에 값저장 및 보여주기 var partId = $select.data('part_id'); var partNm = $select.data('part_nm'); console.log(partId,partNm); $('input[name=dept_nm').css("display",""); $('input[name=dept_nm').val(partNm); $('input[name=dept_id').val(partId); console.log(partId,partNm); //type값을 가져오는거 $('input[name=dept_id').attr('type') console.log($('input[name=dept_id')...

development♥ 2022.12.23

jquery 이벤트 버블링 처리

jquery 이벤트 버블링 --> 실행되는 A이벤트를 막고 B이벤트를 사용하는거를 의미함 event.stopPropagation()으로 jquery 이벤트 버블링을 해볼거임 1. 상황분석 예. 초록색 검사 결과지를 누르면 '데이터 보류중' 이라는 문구가 나오게끔 event 즉 alert창을 쓰려함 여기에서는 data-btn으로 따로 쿼리를 설정해둔 상태임 일단 jsp 파일인 화면단에서 확인해보면 \ 검사결과지부분에서 data-btn이라는게 있는걸 볼 수 있음 data-btn은 common.js파일에 쿼리를 따로 설정해둔 상태 data-btn이 눌리면 특정한 창이 뜨게끔 되어있음 여기에서 jquery 이벤트 버블링을 사용해서 저 common.js파일에 있는 data-btn이 실행되는걸 막고 이벤트B가 뜨게..

development♥ 2022.11.07
반응형