일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- mysql if
- summary
- 아이오닉 스크롤 이벤트
- egov spring ajax 사용 예시
- angular button
- Ionic modal
- 호버
- route
- 모달
- 스크롤 이벤트
- formgroup
- prisma
- 앵귤러 애니메이션
- angular modal
- 스크롤 이벤트 감지
- Angular Router
- 옵저버블
- 셀렉트박스 커스텀
- Oracle LISTAGG 사용 예시
- ApexChart
- modal
- 앵귤러 모달
- angular route
- ajax 사용 예시
- angular animation
- scroll
- TAILWIND
- Router
- 검색
- flex-1
- Today
- Total
목록IT (598)
깜놀하는 해므찌로
${searchVO.procType eq 'update' ? '목록' : '취소'} 1. js 속성 중에는 onclick, onsubmit, onload, onfocus 등 다양한 속성들이 있다. 2. onclick : 클릭 시 / onload : 페이지 로드 시 / onfous : 포커스 됐을 시 (커서 깜빡일 때) 3. 다양한 속성들이 있다는 걸 인지하고 활용하도록 하자
1. Window.load 함수 2. $(function()){} 함수 3. $(document).ready(function(){} 함수 위 3가지 모두 페이지가 로드 시 작동되는 js 함수이다. 브라우저에 따라 또는 브라우저 버전에 따라 각각 작동하는 순서가 다르다는 점을 인식하고 활용하자
function fncOneCheck(obj){ /* 체크 상태 확인 */ if(obj["checked"]){ checkedArray.push(obj.value); }else{ $("#" + obj.id).prop("checked", false); checkedArray.splice(checkedArray.indexOf(obj.id), 1); // 중복 제거 } fncCheckLength(); return false; } 1. this 를 넘긴 후 obj 라는 이름의 파라미터로 받는다. 2. obj["checked"] 순수 자바 스크립트 문법으로 속성 값을 입력하면 해당 속성의 값을 핸들링할 수 있다. 3. this["속성명"]
x 1. data-userInfo = "" : data-속성명 = "넣을 값" 2. key : value 구성 $(function(){ $(".mail_select_obj").each(function(){ checked.push($(this).attr("data-userInfo")); }); fncDate('eatDate'); return false; }); 3. jQuery attr 함수로 해당 속성에 접근하여 값을 가져오거나 수정할 수 있다.
$(function(){ $(".mail_select_obj").each(function(){ checked.push($(this).attr("data-userInfo")); }); fncDate('eatDate'); return false; }); 1. each 함수를 활용하여 해당 class 이름 요소들을 전부 불러와 반복문을 돌릴 수 있다. 2. each 함수 내부 this 는 반복되는 요소 태그를 가리킨다.
$('[name="data"]:not(:checked)'); 1. js 요소는 배열로 저장되어 있다. 2. 따라서 not 속성을 활용하여 체크가 안 된 체크박스들만 가져올 수 있다.