개발자의 끄적끄적

[javascript/jquery] 자바스크립트 유용한 라이브러리 모음 사이트 [링크] javascript 를 사용하다보면 유용한 라이브러리 들을 찾아서 적용하면 간편하게 개발이 되는 경우가 많습니다. 물론 개개인에 맞춰서 커스터마이징해야하는건 퍼블리셔 혹은 개발자의 몫이지만요 ㅎㅎ javascript 라이브러리들을 잘 모아놓은 사이트가 있어서 공유하려고 합니다. 아래 링크 들어가셔서 필요한 라이브러리들 있으면 참고해서 개발에 도움들 되셨으면 좋겠습니다! 자바스크립트 유용한 라이브러리 모음 사이트 : https://otep.tistory.com/382?category=395627 유용한 자바스크립트 라이브러리 autocomplete 모음 http://autocompletejs.com/ http://aut..

[javascript/jquery] 자바스크립트 url 파라미터 숨기는 방법 javascript 에서 주소창에 표시되는 url 의 파라미터를 숨기고 싶은 경우가 있습니다. 그럴때는 아래 내용처럼 history.replaceState 를 이용하시면 됩니다. history.replaceState({}, null, location.pathname); 현재 url 뒤에 파라미터가 붙어있는 url 이 있다면 간단하게 위 내용을 복사해서 개발자도구 콘솔에서 테스트해보시면 딱 아실수 있습니다! 참고들 하세요!

[javascript/jquery] jquery get html dom example / jquery dom 객체 가져오는 방법 jquery 에서 특정 element 를 가져오다 보면 html Dom 형태로 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다. 예를들어 아래와 같이 id_text 라는 아이디를 가진 textarea 가 있다고 가정하고, 위 태그를 dom 형대로 가져오고 싶으면 아래처럼 [0] 이나, .get(0) 으로 가져오시면 됩니다. $('#id_text')[0] $('#id_text').get(0) 참고들 하세요!

[javascript/jquery] jquery 최하단으로 스크롤 이동 시키는 방법 jquery 로 특정 데이터를 로드한 시점이라 특정 상황에 따라 스크롤을 맨 아래로 이동시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 scrollTop 를 이용해서 scrollHeight 값으로 이동시키면 됩니다. $('#test').scrollTop($('#test')[0].scrollHeight); 위 내용 보시면 아시겠지만, 스크롤이 되는 영역인 test 라는 아이디를 가지는 영역의 스크롤을 높이값을 입력하여 이동시키는 내용입니다. 참고들 하세요!

[javascript/jquery] javascript filereader get filename example / 자바스크립트 filereader 안에서 파일명 가져오는 방법 javascript 에서 filereader 로 파일을 읽으려고 하다보면 정상적으로 파일을 읽어서 로드된 뒤에 해당 파일명을 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 reader.fileName 라는 객체에 읽어들인 file 이라는 객체안에 있는 name 라는 값을 세팅하고 reader.onload 를 실행하고 그 안에서 이벤트를 받아 target.fileName 를 출력해보면 로드되기전 세팅한 파일명 출력이 가능합니다! var reader = new FileReader(); reader.fileName = file...

[javascript/jquery] jquery rolling example / jquery 롤링 샘플 사이트 [링크] javascript 나 jquery 로 인터렉션을 구현하다 보면 특정 영역의 텍스트가 위로 혹은 아래로 롤링되도록 설정해야 하는 경우가 있습니다! 깔끔하게 구현되어있는 롤링 사이트가 있어서 공유하려고 합니다. 아래 사이트 들어가서 보시고 소스 확인해서 적용하시면 될듯 합니다! 참고들 하세요! https://codepen.io/hajaran/pen/BmbJLz Rolling text ... codepen.io

[javascript/jquery] jquery object to html example jquery 나 javascript 로 특정 엘리먼트를 가져오면 object 형태로 가져오게 됩니다. 그걸 다시 html 형태로 특정영역에 append 와 같이 밀어넣고 싶을때는 outerHTML 을 이용하시면 됩니다. 예를들어 아래와 같이 aaa 라는 아이디를 가지는 div 태그가 있다고 가정하고, test 위 엘리먼트를 아래와 같이 ele 라는 변수에 담고 var ele = $('#aaa'); 이것을 다시 html 형태로 값을 확인하고 싶으면 아래와 같이 outerHTML의 값을 출력하시면 됩니다. console.log(ele.get(0).outerHTML); 참고들 하세요!

[javascript/jquery] 자바스크립트 textarea 마우스 클릭위치 특정문구 추가하는 방법 javascript 에서 input 이나 textarea 와 같은 입력필드를 다루다 보면 특정경우에는 마우스 클릭한 자리에 특정 문구를 대입하는 기능을 구현하고 싶은 경우가 있습니다. 그럴때는 아래 함수를 활용하시면 됩니다. function setTextToPos(str) { var textarea = document.getElementById("textarea"); var curStart = textarea.selectionStart; let x = $("#textarea").val(); $("#textarea").val(x.slice(0, curStart) + str + x.slice(curStar..