더 나은 프로그래머가 되자

https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=262 태그가 적용되고 쉬프트+엔터는 태그로 적용됩니다.엔터키로" data-og-host="gnustudy.com" data-og-source-url="https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=262" data-og-url="https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=262" data-og-image="https://scrap.kakaocdn.net/dn/cJSaTc/hyWKKFIUMV/BBbOXvmxMZ9dyyMgKTU4v1/img.png?width=600&height=300&..

let offset = $('#id').offset(); //이동할 위치 설정 $('html, body').animate({scrollTop: offset.top-100},500); //해당 위치로 이동 (0.5초)

https://whales.tistory.com/62 jQuery를 바닐라 JS로(Vanilla JS) 변경 하기(feat.Pure Javascript) 많은 사용자들이 스크립트를 작성할 때 가장 많이 사용하는 것 중 한 가지를 고르라면 jQuery가 아닐까 생각됩니다. jQuery가 많은 사랑을 받게 된 이유는 처음 입문하기가 쉽다는 것과 높은 가독성 whales.tistory.com

https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 아주 유용한 테스트 사이트

https://tobiasahlin.com Tobias Ahlin SpinKit, Moving Letters, projects, and more. tobiasahlin.com

모던웹애니메이션 https://greensock.com/ GreenSock GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser. greensock.com 스와이퍼 슬라이더 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native be..

출처 : https://gurtn.tistory.com/86 [JS] 전화번호 자동 하이픈(-) 정규식 첫번째 코드 // ^(\d{2,3})(\d{3,4})(\d{4})$ String.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); 00-000-0000 또는 000-0000-0000 같은 상황에서 (2, 3) - (3, 4) - (4) 자리에 숫자를 그룹 지어 묶습.. gurtn.tistory.com

숫자자 이외의 텍스트는 정규식으로 치환처리

외부 페이지를 불러오기 위해서 ajax를 이용한 비동기 호출을 많이 썼었는데 간단한 페이지 불러오기에는 번거로움이 있어서 .load() 메서드를 사용해서 간단하게 외부 페이지를 호출하게되었다. 기본형태는 .load( url [, data ] [, complete ] ) 로 되어있다. 자세한건 https://api.jquery.com/load/#load-url-data-complete 여기에서 확인 할 수 있다. $("#objectID").load('/url.php',{'paramName' : paramValue}); 간단하게 위 코드처럼 사용해서 페이지를 호출 할 수 있다 보낼 파라미터값이 없으면 url만 입력해도 된다.

ajax 호출이 끝나고 선택된 객체의 데이터를 사용하고싶은데 ajax 안에서 기본적으로 this를 쓰면 response 데이터가 들어간다 ajax 호출전에 발생했던 이벤트의 this 객체를 사용하기 위해서는 context : this를 추가해야한다. $.ajax({ type : "POST" , async : true //true, false , url : "" //Request URL , dataType : "" , timeout : 3000 , cache : false , data : ,context : this //이걸 추가해야한다 , contentType: "application/x-www-form-urlencoded; charset=UTF-8" , error : function(request, s..