개발자의 끄적끄적

[javascript/jquery] jquery movie library / jquery 영상 라이브러리 [링크] html 에서 유투브나 비메오 같은 영상을 표시하다보면 반응형으로 작업을 해야하는 경우가 많은데요. jquery 에 유용한 플러그인이 있어서 소개하려고 합니다! 사용법도 간단하고, youtube / vimeo 등 여러가지 영상을 지원해서 유용하게 쓰일듯 합니다. 저도 아직 사용은 안해봤지만, 사용해보고 참고할만한 점이나 문제 있으면 공유하겠습니다! jquery 영상 라이브러리 : http://fitvidsjs.com/ FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. fitvidsjs.com

[javascrip/jquery] jquery cookie library / jquery 쿠키 라이브러리[링크] jquery 에서 쿠키를 사용해야 하는 경우 유용하고 간단하게 사용할수 있는 jquery 라이브러리가 있어서 공유해보고자 합니다! 바로 cookie 라이브러리인데요! 아래 나와있는 내용처럼 간단하게 선언하고 읽고 삭제할 수 있습니다! 1. 쿠키 내용 가져오기 $.cookie('name'); // => "value" 2. 쿠키 생성하기 $.cookie('name', 'value', { expires: 7, path: '/' }); 3. 쿠키 삭제하기 $.removeCookie('name'); // => false github 링크 달아놓을테니 들어가셔서 보시면 금방 적용하실 수 있습니다! 참고들..

[javascript/jquery] javascript detect history back example / 자바스크립트 뒤로가기 감지하는 방법 javascript 에서 뒤로가기 즉, history back 을 감지해야 하는 경우가 있습니다. 그럴때는 아래와 같이 스크립트를 뒤로가기로 호출된 페이지에 추가하시고 todo 에 로직을 작성하시면 됩니다. window.onpageshow = function(event) { if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) { // todo } } 참고들 하세요!

[sql/mysql] mysql TLS handshake 에러 해결 방법 intellij 나 phpstorm 에서 mysql 을 연결하다보면 TLS 관련 handshake 에러가 발생하는 경우가 있습니다. 그럴때는 advanced 탭으로 들어가서 아래 내용을 추가하시면 됩니다. enabledTLSProtocols name 에 위에값을 value 에 아래값을 추가하시면 됩니다! TLSv1,TLSv1.1,TLSv1.2,TLSv1.3 참고들 하세요!

[개발/툴] php 개발 툴 phpstorm php 로 개발을 하다보면 IDE, 즉 개발툴을 고민하곤 합니다. 그중에서 강력하게 추천을 할만한 툴을 공유하려고 합니다! 바로 phpstorm 인데요! 사용도 간단하고, 인덱싱도 잘잡아주고 무겁지 않은편이라 저는 개인적으로 잘 사용하고 있습니다! 게다가 PUTTY 와 같이 ssh 접속 기능 / 데이터베이스 연결 설정도 가능 하니, 다른 php 개발툴 + db 접속툴 + 원격접속툴 이렇게 3가지를 사용하는것보다 훨씬 편리합니다! 라이센스도 1달에 8.9달러 / 1년에 89.00 달러라서 저렴한 편인듯합니다! 공식사이트 들어가서 다운받아서 30일 사용해보세요! phpstorm 공식사이트 : https://www.jetbrains.com/ko-kr/phpstorm..

[javascript/jquery] jquery ajax html history back example / jquery ajax html 더보기 뒤로가기시 유지방법 jquery ajax html을 이용하여 더보기를 구현하다보면 게시물을 클릭해서 상세 페이지로 갔다가 뒤로가기 버튼을 이용해서 목록으로 되돌아오면, 더보기 목록이 유지되야 하는 경우가 있습니다. 그럴때는 아래와 같이 history state 를 이용하시면 됩니다. 우선 아래와 같이 total_list 이라는 변수를 선언합니다. var total_list = ""; 아래와 같이 ajax html 함수에서 append 시키는 부분에 total_list 에 리턴받은 html 데이터를 누적하고, history.replaceState 에 total_l..

[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법 html 에서 이미지를 확대해서 보게 해야 하는 경우가 있습니다. 그럴때는 여러가지 방법이 있겠지만, 아래처럼 이미지를 클릭해서 새창으로 띄우게 하면 확대가 가능합니다. 바로 아래처럼 onclick 옵션을 이용하는 건데요. onclick="window.open(this.src)" 위와 같이 onclick 옵션을 아래와 같이 img 태그에 추가하시면 됩니다. 결과는 아래와 같이 onclick 가 추가되면 됩니다. 참고들 하세요!

[html/css] html meta viewport example / html 이미지 확대 막는 방법 html 에서 특정 사이트는 이미지 확대가 안되게 막혀있는 경우가 있습니다. 바로 meta 태그중 viewport 라는 값 때문인데요, 이번에는 이미지 확대를 막는 방법을 공유해보겠습니다. 아래와 같이 meta viewport 를 하나 작성합니다. 그리고 위 meta tag 에 아래 나와있는 내용을 추가합니다. user-scalable=no 정상적으로 추가가 되면 아래와 같이 meta 태그가 작성되어 있어야 합니다! 그리고 새로고침 후 다시 확인해 보시면 확대가 안되는것을 확인할 수 있습니다! 참고들 하세요!