나보단 잘하자

버튼을 누르면 갑자기 화면 맨 위로 올라가버리는 현상은 아래와 같이 해결하면 된다. $('a.feellink').click(function(e) { e.preventDefault(); }); 이는 기본으로 적용되는 기능을 못하게 만드는 함수다. 기본적으로 a태그를 누르면 화면 최상단으로 가는 함수가 있는 듯 함.

문득 생각이 들었다. this를 왜쓰지? 다시 경로를 복사해서 넣어도 되는 것 아닌가? 제이쿼리에서 $('class 이름') 을 사용하면 웹페이지 콘텐츠에서 해당 클래스 등등을 찾기 시작한다. 같은 체인이나 이벤트 안에 있음에도 계속해서 경로를 직접 입력하는 행위는 불필요한 탐색이 이루어지게 한다. 그렇기에, 한번 입력한 이름과 연관된 탐색을 하는 등의 행위를 한다면, $(this)를 이용해서 반환시킬 필요가 없게 한다. $(this)를 이용하면 이전에 요청 해 두었던 DOM을 별도의 과정 없이 바로 이용할 수 있게 된다. 예시: $('.class-name').on('click', (evt) => { $(this).hide(); // DOM쿼리를 실행시키지 않음 $('.class-name').hide()..

체이닝 여러 메소드들을 체인처럼 묶어 선택한 엘리먼트에서 차례로 실행되게 함. 예시: $("#p1").css("color", "red").slideUp(2000).slideDown(2000); 체이닝 된 메소드들이 수십개로 늘어나서 가독성이 힘들어진다면 줄바꿈을 해도 된다. $("#p1").css("color", "red") .slideUp(2000) .slideDown(2000); - 체이닝을 이용하면 같은 셀렉터를 한번 이상 쓰지 않아도 된다. - 코드가 짧아진다. 탐색 위의 체이닝은 하나의 엘리먼트에서 연속된 효과를 주었으나 탐색은 도중에 대상을 바꿀 수 있게 한다. 한 엘리먼트에서 원하는 엘리먼트를 찾아나가는 것이다. 바로 원하는 대상을 적어버린다면, 나도 몰랐던 같은 이름의 엘리먼트가 겹쳐 적용..