개발자의 끄적끄적

[javascript/jquery] javascript mouse scroll event example / 자바스크립트 마우스 스크롤 이벤트 예제 javascript 에서 마우스 스크롤 액션이 일어날때마다 특정 행동을 취하도록 로직을 작성해야 하는 경우에는 아래와 같이 scroll 이벤트를 이용하시면 됩니다. $(function() { $(window).scroll(function() { // to do } }); 위 내용처럼 페이지 시작시 scroll 이벤트를 선언해서 안에 로직을 작성해 놓으면 마우스 스크롤이 일어날때마다 해당 내용이 동작하게 됩니다! 참고들 하세요!

[javascript/jquery] javascript querySelectorAll example / 자바스크립트 특정 태그 전체 가져오는 방법 javascript 에서 현재 페이지에 있는 특정태그들 리스트를 가져오고 싶은 경우가 있습니다. 그럴때는 아래 나와 있는 내용처럼 querySelectorAll 을 이용하시면 됩니다. var input_list = document.querySelectorAll("input"); 예를들어 현재 페이지에 있는 input 태그를 전체 담고 싶으면 위처럼 작성해서 input_list 에 담으면 됩니다. 내용을 확인해보려면 아래처럼 console.log 로 출력해보면 바로 확인할 수 있습니다! console.log(input_list); 참고들 하세요~!

[html/css] html span tag width example / html span 태그 너비값 지정하는 방법 html 에서 span 태그를 사용하여 영역을 만들때 내용이 길던 짧던 너비값을 지정해서 동일하게 사용하고 싶은 경우가 있습니다! width:100px 로 하면 100px 너비가 유지될거 같지만, 그렇지 않습니다! 그럴때는 아래와 같이 하시면 됩니다! abcde 위 내용을 보시면 아시겠지만, style 에 inline-block 속성을 추가하면 정상적으로 반영됩니다! span 태그의 높이나 너비값을 지정하기 위해서는 block 요소로 만들어야 된다는점! 참고들 하세요!