WEBPI's Markup && Css Developer

jquery는 .on을 이용할 수 있으나 jquery를 쓰지 않을경우 일반적인 "addEventListener"로는 이벤트를 주기가 어렵다 이럴때 이용할 수 있는 방법으로 ".matches"가 있다 document.addEventListener("click", e => { // 이벤트 버블링 e.target 비교 const target = e.target.matches(".target"); if (!target)return; if (target) { alert("클릭!"); } });

change() 이벤트는 유저 작용에 의해 발생 jquery로 처리할 경우 $(element).prop("checked", true).change(); or $(element).prop("checked", true).trigger('change'); 같이 체크

기본이 충실하지 못하다보니 react 너무나 어려운것...잘하고 싶다.. ㅜㅜ

Javascript 최적화 - for문for문의 최적화for (var i in array) | forEach .. 를 사용하지 말자for in 문은 매우 느리다. object의 key를 확인해야하는게 아니면 for in 문 사용을 자제하자!for (var i = 0; i < array.length; i++) .. 대부분 이런방식이다.이것도 최적화된 방법은 아니다.아주 기본적인 방법이다. 그럼 뭘사용해요 빼에에ㅔ엑!따라서 성능에 제일 좋은 방법은 length 를 매번 체크하지않고 저장해서 사용하는법이다.for (var i = 0, length = array.length; i < length; i++) .. 이방식이다. 이로써 우리는 for in 문보다 64배 빠른 for 문을 사용할수있다. "!!!!!!!..

출처 :http://cafe.naver.com/hacosa/162050 괜찮은 글을 써주셔서 남깁니다. 전 3.8 ~ 3.9사이같군요 이런데 감히 es5로 바로 점프를 뛰려고 했다니...갈길이 멀어요 ㅜㅜ 안녕하세요 김수호 입니다. 자바스크립트 학습 방법과 관련해서 저에게 직접 물어오시는 분도 많고, 도대체 어떻게 공부해야하는가 감을 못잡는 게시판 글도 많이 보여서 원래는 자바스크립트 학습 방법에 관련한 글을 쓰려고 했었습니다. 그러나 학습 방법이라는 것이 본디 자신과 가장 잘 맞는 방법을 찾아야 하는 것이지 남의 방법을 무조건 따라가는게 해답이 아니라는 것은 잘 아시리라 생각합니다. 그리고 1년전의 제 학습 방법과 지금의 학습 방법은 또 다르기에 사람마다 잘 맞는 학습 방법을 잘 찾아야하는 점도 중요하..

var prevPosition = 0;$(window).on('scroll', function(event){ var initPosition = $(this).scrollTop(); if(initPosition > prevPosition){ //스크롤다운중; } else { //스크롤 업중; } prevPosition = initPosition});스크롤 이벤트 체크많은 스크롤 체크 관련 소스가 있지만 쉽게 알 수 있어서 가져옵니다출처 : http://cafe.naver.com/hacosa/136825 고씨님 댓글

Why can’t we find Front End developers?를 김태곤님이 번역한 글입니다. 아주 좋은 내용이라 적어봅니다. 아직 저도 한참 모자라네요 분발해야겠습니다. ㅜㅜ 보러가기 http://taegon.kim/archives/4810

인터프레스, ‘자바스크립트+제이쿼리+에이잭스 완벽가이드’ 출간- Javascript를 처음 시작하는 웹 퍼블리셔나 웹 디자이너, 웹 프로그래머를 위한 실무형 입문서서울--(뉴스와이어) 2014년 11월 04일 -- 인터프레스가(대표 전유준) Javascript를 처음 시작하는 웹 퍼블리셔나 웹 디자이너, 웹 프로그래머를 위하여 실무형 입문서인 ‘Javascript+jQuery+Ajax 완벽가이드’ 부제로는 ‘웹 퍼블리셔에서 프론트엔드 개발자로 거듭나기 위한 가장 확실한 입문서’(주영아.이광호 공저)를 출간한다. 이와 더불어 학습능력을 증대시키고 습득과 활용에서 꼭 필요한 실습용 소스와 완성소스 그리고 플러그인 원본 등을 수록한 부록CD를 제공한다. 자세한내용http://www.newswire.co.kr/..

HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리 http://jindo.dev.naver.com/collie/