개발일지/JavaScript + jquery (57) 썸네일형 리스트형 [JS] forEach 대신 contains const parentClassList = eParent.classList;parentClassList.forEach( target => { // 부모 span의 class에서 ax5-Calendar 찾기 if("ax5-Calendar".includes(target)) { if(!"calendar-Enabled".includes(target)) { target.classList.add('calendar-Enabled'); } } }); // ax5-Calendar 클래스를 가진 부모 요소에 calendar-Enabled 추가if (eParent.classList.contains('ax5-Calendar') && !eParent.classList.contains('calendar-Enabled').. [JS] Serialize(직렬화) https://ahma.tistory.com/65 Serialize란 무엇인가?코드를 쓰다 옆사람이 serialize가 뭔데 썼냐는 말에 저는 그냥 남들이 사용하길래 적었다. 라는 말도안되는 대답을 했습니다. serialize가 무엇이고 왜 사용하는지 궁금하여 기록한 내용입니다. Seriaahma.tistory.com 직렬화된 데이터 디코딩해서 보려면 아래 처럼 사용log(decodeURIComponent(requestData)); forEach()와 Array.from() 차이 Array.from()과 .find()를 사용한 이유는 다음과 같습니다:1. Array.from()을 사용하는 이유:document.querySelectorAll()은 NodeList라는 배열과 비슷한 객체를 반환하는데, 이 객체는 배열의 모든 메서드를 갖고 있지 않습니다.Array.from()은 이 NodeList를 진짜 배열로 변환해 주기 때문에, 배열 메서드인 .find() 등을 사용할 수 있게 됩니다.2. .forEach() 대신 .find()를 사용하는 이유:.forEach()는 모든 요소를 순회하지만, 조건에 맞는 요소를 찾은 후에 반복을 중단할 수 없습니다.반면에 .find()는 첫 번째로 조건에 맞는 요소를 찾으면 바로 멈추기 때문에, 특정 요소를 찾고자 할 때 더 효율적입니다.즉, .fi.. onChange + onBlur JS onChange 일 때 유효성 체크해서 못 나가도록 focus 하는 메소드를 만들었습니다. 근데 한 번만 적용이 되고 그 이후로는 focus가 안 돼요. 아예 밖으로 못 빠져나가게 못 하나요? onChange 이벤트에서 유효성 체크 후 focus를 하는 방식은 한 번만 작동하는 이유가, 브라우저가 해당 요소의 focus 이벤트를 기본적으로 한 번만 처리하기 때문일 수 있습니다. 특히 SPA(싱글 페이지 애플리케이션)에서 한 번 focus가 동작한 뒤 blur 이벤트가 발생하면 이후의 focus 동작이 정상적으로 작동하지 않을 수 있습니다.이를 해결하려면 onBlur 이벤트도 함께 활용하여 유효성 검사를 계속 수행하게 할 수 있습니다. 이렇게 하면 사용자가 포커스를 벗어나려 할 때마다 유효성 검사를.. substr 사용 금지 https://minitoy.tistory.com/1159 [JavaScript] 인쇄 기능 재설계 인쇄기능 참고 사이트 (이벤트 핸들러 사용법) JS#1. 웹페이지의 특정 부분만 인쇄하고 싶을 때 웹페이지에 인쇄 기능을 넣고 싶은데, 인쇄 결과물에는 전체가 아니라, 특정 부분만 나오게 하고 싶을 때가 있습니다. 웹서핑을 하다보면 이런 기능이 구현된 곳이 종종 보이지요. 두 가지 방법 openuri.net 전에 열심히 만들어뒀던 인쇄 기능이 있긴 했지만, 어느 순간부터 인쇄 기능이 실행이 된 이후 취소를 누르면 원본 복사 해둔 상태로 돌아가지 않는 문제가 생기고 말았다. 전에도 같은 부분에서 작은 문제가 있었는데 인쇄 기능 실행 이후에 원본의 창(모달창)의 취소 버튼이 눌리지 않는 문제가 있어서 아래 코드에 보면 그 부분을 수정하는 코드도 추가를 해뒀었다. 구글링을 해보니 새 창을 열어 원본 복제를 하.. 아코디언 메뉴 열고 닫을 때 class show 자동 감지 // 아코디언 메뉴 눌렀을 때(class = show) 해당 jsp 파일 불러오기 $('.accordion-button').on('click', function(){ var myTarget = $(this).attr('data-bs-target');// 내가 누른 버튼의 타겟 찾음 var targetId = myTarget.substr(1, myTarget.length);// # 뺌 var targetId2 = document.getElementById(targetId); console.log("targetId : " + targetId); console.log("targetId2 : " + targetId2); setTimeout(function() {// show 실행까지 기다림 ( 0.4s ) va.. [jquery] ajax 처리시 한 번에 데이터 전달 - serialize() http://chongmoa.com/ajxa/6764 C.m.A API 이야기(Mokulsha!) serialize() 입력된 모든Element(을)를 문자열의 데이터에 serialize 한다. serialize()를 이용하면 일일이 fname=값&femail=값&sex=값&job=값 이렇게 안해주어되 됩니다. serializ.. chongmoa.com 이전 1 2 3 4 ··· 8 다음
