본문 바로가기
반응형

Dev

 (122)
getElementById ? querySelector ? 뭘 써야 해 .. ? 호홯하ㅓㅎ허ㅏㅏㅎ 하이하히아힝하이 이번엔 요소를 잡아오는 getElementById 와 querySelector의 차이점을 알아볼거야! 원래 같으면 제이쿼리로다가 $('#id')나 $('.class')로 편하게 사용하겠지만 이제는 안돼.. 본질을 알아야 나중에 이게 이렇게 돌아가는구나라는 짐작이라도 하겠지!! 가보자고~~ 우선, 난 답답한건 싫어하니까 답부터 보고 가자! 사실 정답은 생각하기 나름이겠지만! 굳이 답을 얘기해보자면! getElementById!! 두 가지 기능 모두 좋지만 상황에 맞게 써야 해! getElementById를 사용하라고 했지만, querySelector를 사용하지 말아야지! 라는 강박은 없어도 돼!! 만약, 페이지가 복잡하고 모든 페이지에 ID를 추가하지 않으려면 queryS..
AK PLAZA 쿠폰 안보이게 하는 코드! 보호되어 있는 글입니다.
hosting 했는데 아무리 해도 연결이 안된다 or 캐시 삭제가 안된다? 보호되어 있는 글입니다.
replay 클릭 시, 스르륵 효과 없이 화면 이동 $(".replay_btn").on("click", function () { mainSwiper.slideTo(0, 0, false); scrollUp2(0); motionArray(this); }); function scrollUp2() { TweenMax.to('body,html', 0, {scrollTop: 0, ease: Power2.easeInOut}) } 클릭될 때라는 예시의 코드로 보자. replay_btn이 클릭되면 slideTo를 통해 0번째 페이지로 이동한다. 이 때, 함수의 각 파라미터는 slideTo(몇번째페이지로, 시간, scrollUp함수 실행하지않을거야)라는 뜻! false를 통해 scrollUp함수를 실행하지 않은 이유는 이것 역시 올라가는 모션이 보이기 때문이고 scroll..
AK PLAZA 작업 순서 보호되어 있는 글입니다.
innerHTML ? innerText ? 삐--- textContent를 지향하자 코딩을 하면서 더 좋은 코딩을 하고 싶은 것에 대한 욕심이 생긴다.. 이 글도 그 과정 중 하나... 바로 본론으로 가보자ㅏㅏㅏ 우선, 한눈에 보기 편하게 textContent, innerText, innerHTML 을 비교 해보자! 프로퍼티 innerHTML innerText textContent 값 HTML parsed text rendered Text raw text 성능 나쁨 보통 좋음 보안 - - 취약 innerHTML innerHTML 프로퍼티의 값은 text/html으로 파싱한 결과. 그래서 상대적으로 파싱이 느리다. (사실 큰 차이는 아님) 하지만 더 큰 문제는, innerHTML가 대표적인 XSS(Cross-Site Scripting) 공격에 취약한 사례로 언급된다는 점!! HTML5에서..
스와이프에 모션 있는거 예시 (수민님 코드) 보호되어 있는 글입니다.
파라미터를 사용 해보자 fV, sV로 파라미터를 빼주고 sumF함수에 값을 입력해서 함수 실행! 이게 꼬이면 어려우니까 더 연습해 .. 함수는 함수의 인자로 전달 가능 function cal(func, num) { return func(num); } function increase(num) { return num+1; } function decrease(num) { return num-1; } console.log(cal(increase, 5)); 함수는 함수의 리턴값으로 리턴이 가능 function cal(myT) { var funcs = { 'plus' : function(left, right) { return left + right; }, 'minus' : function(left, right) { return left ..
반응형

티스토리툴바