js (59) js 2023. 3. 13. 16:21 [js]스크립트 클래스 관련 See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. js 2023. 2. 27. 16:39 [js]style 가져오기 let el = document.querySelector(".box") getComputedStyle(el).height; // css에 적용된 height 가져옴 // height : 0 일경우 0이 아니라 0px로 표시되는듯? el.style.height; // inline-style로 적용된 height 가져옴 js 2023. 2. 21. 13:49 [js]gsap 사용법 jsap cdn **css케밥 케이스를 파스칼 케이스로 변경 ex) font-size > fontSize background-image > backgroundImage ** px를 제외한 수치를 따옴표 사용 ** 색상의 경우 헥스코드가 아닌 영문도 사용 가능 1. gsap.to css 설정값 → script 설정값 ex) 로드 시 .box가 w200h200에서 w100h100으로 .5초동안 변화함 2. gsap.from script 설정값 → css 설정값 ex) 로드 시 .box가 w200h200에서 w100h100으로 .5초동안 변화함 3. gsap.fromTo css 설정값 무시, script 설정값만 인식 ex) 로드 시 .box가 w0h0에서 w100h200으로 .5초동안 변화함 gsap.fro.. js 2022. 11. 18. 17:43 [js]체크박스 동의 후 submit See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. button type="submit"이 아닌 button type="button"으로 변경 js 2022. 11. 15. 09:10 [js]날짜 라이브러리 https://jqueryui.com/datepicker/ $(".datepicker").datepicker({ dateFormat : "yy-mm-dd", firstDay: 0 , // 시작요일 설정 // 0 일요일(디폴트) minDate:0, // 오늘 이전 날짜 선택 불가 // 1은 오늘까지 선택 불가 // 2는 내일까지 선택 불가 beforeShowDay: function(date){ var day = date.getDay(); return [(day != 0 && day != 6)]; }, // 주말 선택 불가 }) 펑션+리드온리 js 2022. 11. 9. 10:43 [js]append 여러개 (자바스크립트) let wrap = document.getElementById("wrap"); let count = 4; for(i=0;i js 2022. 11. 8. 09:27 [js]스크롤 애니메이션 IntersectionObserver See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. IntersectionObserver는 비동기 intersectionRatio == 0 → isIntersecting : false 0 < intersectionRatio last-child가 보이면 추가해줌 See the Pen IntersectionObserver 무한스크롤 by sangmok-ye (@sangmok-ye) on CodePen. const ul = document.getElementById("container") const options = { threshold: 1, // target이 모두 보이면 실행 } const ioLast = new IntersectionObserve.. js 2022. 11. 3. 11:05 [js]if문 배열로 쓰기 const txt = "naver" if(txt=="naver"){ console.log("네이버") }else if(txt=="daum"){ console.log("다음") }else if(txt=="payco"){ console.log("페이코") }else if(txt=="nate"){ console.log("네이트") }else{ console.log("해당없음") } // ====================================== const array = { "naver":"네이버", "daum":"다음", "payco":"페이코", "nate":"네이트" } function array_name(array_type){ if(array[array_type]){ return array[a.. 이전 1 2 3 4 5 6 ··· 8 다음