목록JavaScript (6)
웹아틀리에 - Web atelier
[iOS10] 모바일 웹 줌 막기 최근 iOS10이 나오면서 생긴 이슈가 하나 있네요. 보통 모바일 웹에는 뷰포트 메타태그를 설정하죠? 뷰포트는 웹 사이트를 모바일에서도 보기 편하도록 만들어줘서 필수로 적용들 하죠. 이 태그로 웹을 확대하거나 축소하는 것을 막아두는곳이 꽤 많은데요, 이번 iOS10에서는 이게 제대로 적용되지 않는다고 하네요. 그럴때, 바로 자바스크립트를 이용하는 방법이 있습니다. 터치 이벤트를 받아 터치되는 손가락의 갯수를 구한 뒤 1개보다 많다면 터치이벤트를 작동하지 않게 하는 스크립트 입니다. 모쪼록 이번에 당황하고 계실 퍼블리셔 분들이 많으실것 같아 올려봅니다.
[JQuery] input="text" 에서 엔터키로 함수 호출 하는 방법 Form 내부에서 사용하는 input은 자동으로 엔터키로 서브밋 합니다. 하지만 종종 디자인상, 혹은 구조상 form 없이 버튼 없는 검색창 같은 경우를 만들게 되는데요. 이때 엔터키로 함수를 호출하는 방법 입니다. // enter event $('input').keyup(function(e) { if (e.keyCode == 13) 함수호출(); }); 여기서 사용하는 keyCode 13은 엔터키를 가리킵니다. 이벤트를 사용할 때 keydown보다 keyup을 권장 하더군요. 아무래도 keyup이벤트는 한번씩만 실행되기 때문이 아닐까 생각합니다.
매번 방문할때마다 느끼는 거지만 네이버 D2 Hello world는 정말 좋은 곳 인것 같습니다. 평소에 별 의미를 느끼지 못하고 사용하던 것들이 알고보면 매우 복잡하고 다양한 로직을 수행하고 있더랍니다. 오늘도 후진 개발자를 위해서 지식을 나누어 주신 분들께 감사를 표하며 글을 읽습니다. 전문출처 - 손찬욱 | 네이버AU개발랩 ( http://d2.naver.com/helloworld/0265052 ) 웹 개발에서 가장 많이 사용하는 JavaScript 프레임워크는 단연 jQuery일 것입니다. 2006년 6월 30일 존 레식(John Resig)이 jQuery 1.0a를 공개한 이후 jQuery는 꾸준히 발전해 지금은 업계의 현실적인 표준이라고 말해도 손색이 없을 만큼 성장했습니다. jQuery는 D..
구글링 중 아주 좋은 글을 발견해서 공유하고자 퍼왔습니다. 출처는 바로 아래 링크 걸었습니다. 네이버D2 페이지입니다. 전문출처 - 박재성 | 네이버AU개발랩 ( http://d2.naver.com/helloworld/3618177 ) 웹 프락시 도구인 Fiddler의 개발사 Telerik은 JavaScript 기술의 현재 경향과 전망을 살펴보는 보고서인 "THE FUTURE OF JAVASCRIPT-2016 AND BEYOND"(JavaScript의 미래 - 2016년과 그 이후)를 발표했습니다. 보고서는 JavaScript 커뮤니티를 대상으로 진행한 설문 조사의 결과와 저자들의 의견을 바탕으로 최신 JavaScript 기술과 JavaScript 프레임워크, 웹 이외 영역의 JavaScript 기술이 ..
웹상에는 다양한 참고 사이트가 굉장히 많이 있는데요. 실제로 본인이 많이 참고하는 사이트들을 정리해보았습니다. 1.Cordrops 웹 디자인 튜토리얼과 CSS, jQeury 등 매우 많은 자료가 모여있습니다. 데모 뷰 기능이 있어서 매우 편리하기도 하구요. 다운로드 링크도 참조해줍니다. 가장 많이 사용하고 있네요. 라이센스는 대부분 MITLicence지만 항상 라이센스 부분은 꼭꼭 확인해 주도록 합시다. 내가 만든게 중요한만큼 다른 제작자가 만든것도 당연히 중요하겠죠. 2.WDC 웹 디자인, 개발, 마크업 등 다양한 방면으로 자료들을 모은 예제 참고 사이트 인데요. 굉장히 참고할 것들도 많고 구현해볼 것들도 많아 아주 재미있는곳 입니다. 3.Tympanus 페이지 전환 등 웹에서 사용할 수 있는 트랜지션..