JQuery
-
jQuery 더이상 쓰지 않아야하는가? :: 마이구미Javascript 2017. 8. 28. 01:13
이 글은 "이제와서 JQUERY를 쓰면 안되는 이유, 혹은 JQUERY와 웹개발의 역사" 글이 계기가 되었다. 조금 지난 글이지만, 많은 공감을 샀다. 참고로 글도 글이지만, 댓글이 훨씬 영양가가 풍부하다. 작성되는 글은 개인적인 견해이다. 글의 제목인 "jQuery 더이상 쓰지 않아야하는가?" 에 대한 본인의 답은 다음과 같다. 그렇다. 조금만 쓰자... 아니 그냥 없애자. 아니 왜..? 10년이 넘게 사용되어왔고, 아직도 쓰고 있는데... 수많은 jQuery 코드는... 그렇다. jQuery는 자바스크립트라고 할 정도로 많이 사용해왔다. javascript 문법 말고 jQuery부터 공부해. 어차피 jQuery 밖에 안써. 위와 같은 말이 나올 정도로, jQuery는 대중적이였다. 자바스크립트 또는 ..
-
jQuery $.each() 주의사항 :: 마이구미Javascript 2017. 6. 12. 21:00
이번 글은 jQuery의 함수인 each의 주의사항을 다뤄본다.each 함수는 기본적으로 for문이라고 봐도 무방하다.jQuery에서 제공하는 일반적인 iterator function 이다. callback 개념이 부족하다면 발생할 수 있는 경우와, each 함수의 return에 대해 알아볼 것이다. 반복문을 쓰는 이유 중 하나의 예로, 배열에 있는 값 중 원하는 값을 찾기 위해 루프를 돌린다고 가정하자.코드는 아래와 같다. someArray = new Array(); someArray[0] = 't5'; someArray[1] = 'z12'; someArray[2] = 'b88'; someArray[3] = 's55'; someArray[4] = 'e51'; someArray[5] = 'o322'; s..
-
일정시간 팝업 노출 간단히 구현해보자 :: 마이구미HTML, CSS 2016. 11. 22. 19:41
이번 글은 "일정시간 팝업 노출" 에 대해 다뤄본다. 일단 주제를 자세히 알기 위해 아래 링크를 방문해보자. https://www.agoda.com/ko-kr/city/fukuoka-jp.html http://gostaygolf.com/goods/view.html?pid=67 아래 이미지 보자. 위 링크와 같이 자동으로 팝업이 나왔다가 사라지는 경우를 많이 볼 수 있다. 사실상 크게 어려운 작업이 없다. 하지만 수요가 많기에 개발능력이 미숙한 사람들이 많이 찾아올 꺼 같아서 글을 쓴다. 쉽지만 누구나 히스토리에 남길만한 주제로 괜찮다고 생각했다. 본인이 간단하게 작성한 테스트 페이지이다. 테스트 페이지 여기서 핵심적인 것은 position:fixed 속성이다. css의 position을 사용할 때는 거의..
-
이벤트 해제 unbind 활용 [jQuery] :: 마이구미Javascript 2016. 7. 3. 16:17
이번 글은 이벤트 해제에 관한 글을 작성할 것이다.이벤트를 해제할 경우 쓰는 방법은 많이 있다.대표적으로 removeEventListener(), off(), unbind() 를 사용할 것으로 생각한다. 본인은 개인적으로 unbind()를 사용한다.off()와 unbind()는 jquery의 메소드이다.unbind()이 개선되어 나온 것이 off()이다.그러므로 jquery 버전이 1.7이하인 곳은 off() 메소드를 지원하지 않는다. 그래서 무슨 말을 할껀데 서론이 기냐...또 본인의 경험담으로 이야기를 해보겠다.특정 태그 영역에서 이벤트를 발생시키기 위하여 scroll 메소드를 사용하였다.그리곤 이벤트를 발생되면 이벤트를 해제하기 위해 unbind('scroll')를 이용해 이벤트를 날려버렸다. jQ..
-
ie에서 indexOf() 해결 방안을 알아보자.크로스 브라우징 2016. 6. 19. 15:05
이번 글은 자바스크립트의 Native 메소드인 indexOf()에 대해서 알아보자. 누구나 한 번쯤은 썼을 것이다. 유용한 메소드이기 때문이다.간략히 말하면 문자열의 위치를 알려주는 메소드이다.간단한 예제를 보자. var str = "자바스크립트 indexOf" str.indexOf('indexOf') // 7 var arr = ['자바스크립트','indexOf'] arr.indexOf('indexOf') // 1 indexOf를 사용할 때 뭔가를 찾고 싶을 때 사용할 것이다. 여기서 내가 말하고자 하는 것은 indexOf 메소드는 하나의 메소드가 아니다.무슨 말이냐하면.indexOf 메소드는 String의 네이티브 메소드, Array의 네이티브 메소드 각각의 네이티브 메소드이다.즉 기능은 같지만 엄연히..
-
ie에서 JSON.stringify 지원하지 않는 문제를 해결해보자크로스 브라우징 2016. 6. 11. 13:09
이번 글은 JSON으로 인한 하나의 문제를 다뤄본다.그 문제의 원인은 ie8이하부터는 지원되지 않는다. (항상 ie가 문제다..) 일단 JSON이 무엇인지 알아보자.JSON은 풀어보면 JavaScript Object Notation 자바스크립트 객체 표기법이다.말 그대로 자바스크립트에서의 데이터를 객체로 표현하는 형식이다. JSON은 프로그래밍 언어가 아니라 단순히 데이터 포맷 or 데이터 표현이라고 보자.XML과 비슷하지만 조금 더 간단하다. 본인도 JSON.stringify()을 이용할려고 하니 ie쪽에서 말썽이었다.대부분 json2.js 또 해석하기가 까다로운 소스들이 나와있다.본인은 구지 하나 때문에 스크립트 파일을 추가하거나 해석도 못할 소스를 넣는 것도 내키지 않았다. 그렇기에 본인은 jque..