플러그인10 jQuery - 구브라우저 호환 플러그인 / jquery migrate 안녕하세요. 고코더 입니다. IE8 버전 이하에서 호환되는 jQuert 버전은 1.8 이하라고 배웠습니다. 하지만 기능 부족하고 최적화가 덜된 구버전 jQuery로 개발하는 것도 매우 어려운 일입니다. 그래서 jQuery에서는 최신 버전에서 구버전 브라우저의 호환성을 위해 플러그인을 배포하고 있습니다. 바로 jquery migrate입니다. jquery migrate 아래 소스처럼 jQuery와 함께 참조를 하여 사용이 가능합니다. 그럼 자동으로 1.9 버전부터 제거된 기능들을 이용할 수 있고 구버전 브라우저에 호환성에 맞게 움직이게 됩니다. 깃허브 해당 플러그인에 깃허브 주소입니다. https://github.com/jquery/jquery-migrate GitHub - jquery/jquery-mig.. 2021. 11. 3. XE3 - 플러그인 업데이트시에 무한 로딩 해결방법 XpressEngine3 theme, plugin 설치시 무한 로딩에서 빠져나오는 방법 안녕하세요. 고코더 입니다. XE3에서 플러그인, 테마를 설치나 업데이트 할때 무한 로딩에 빠지는 경우가 있습니다. 무한로딩 상태를 해체하기 위한 방법을 소개합니다. ● 1. 무한로딩에 빠져서 다른 업데이트가 되지 않고 있는 현재상황입니다. 30분 넘게 기다려도 답이 없네요. ● 2. 그럴땐 FTP로 "/storage/app"을 찾습니다. 그리고 operations.json 이라는 파일이 생성되어 있는걸 삭제합니다. ● 3. 겁먹지 말고 파일을 그저 삭제해주시면 됩니다. 업데이트시에 생겨나는 json 파일입니다. ● 4. 그럼 이렇게 레이어 로딩 화면은 없어지고 무한 로딩은 해결 됩니다. 설치는 당연히 되지 않았을 확.. 2020. 4. 4. WordPress - 플러그인으로 워드프레스 데이터베이스 백업하기 / WordPress Backup 워드프레스로 DB백업하기 안녕하세요. 고코더 입니다. ● 1. 워드프레스에서 데이터베이스를 백업하는 방법을 알아봅니다. 워드프레스 관리자에서 플로그인에서 WordPress Backup를 검색합니다. 그러면 "UpdraftPlus WordPress Backup Plugin" 을 설치합니다. ● 2. 활성화 버튼을 눌러 플러그인을 실행합니다. ● 3. 설치가 완료되면 아래처럼 메세지창이 나타나고 "Press here to start" 를 클릭합니다. ● 4. 설치가 완료되면 데이터베이스 백업을 위한 첫걸음인 "Backup Now"를 클릭합니다. ● 5. 나타나는 메세지창에서 기본 옵션을 유지하고 Backup Now를 클릭합니다. ● 6. 백업이 완료 되었습니다. ● 7. 백업을 하면 아래처럼 한줄의 데이터가.. 2020. 4. 2. eclipse - unable to read repository at / 플러그인 추가 오류 이클립스 레파지토리 접근 오류 안녕하세요. 고코더 입니다. 이클립스에서 플러그인 추가 할때 나타는 경고창입니다. 해당 레파지토리에 접근할 수 없다는 메세지 입니다. unable to read repository at ~~ unable to find valid certification path to requested targetd 문제는 말 그대로 해당 URL에 접근할 수 없어 다운로드를 할 수 없는 상태입니다. 대부분 네트워크 문제 입니다. 1. 방화벽 차단 - 회사이거나 개인 방화벽에서 해당 URL 접근 금지 시킨 것입니다. 2. 백신프로그램 차단 - 백신에서 해당 URL을 차단하는지 확인해보세요. 그냥 설치시에 꺼보시는 걸 권장합니다. 3. 해당 서버 오류 - 오래된 플러그인이거나 잠시 서버가 공사중.. 2019. 10. 23. jQuery - 디자인 요소 툴팁 박스 생성하기 / tooltipsy 레이어 부가설명 박스 달기 안녕하세요. 고코더 입니다. 브라우저는 title 요소에 값을 넣으면 보통 기본 팁 박스를 제공합니다. 하지만 우리의 클라이언트는 특이한걸 원하는 분이 많습니다. 이 타이틀 속성의 툴 팁의 디자인 요소를 넣고 싶어할 수도 있습니다. 그래서 이번 시간에는 toll tip을 바꿀수 있는 플러그인을 소개 하려 합니다. ▼ tooltipsy 라는 플러그인 입니다. http://tooltipsy.com/ ▼ 아주 간단하게 툴박스를 생성할 수 있는데요 아래 예제를 한번 실행해보세요. 123456789101112131415161718192021 $("#gocoder_tooltip").tooltipsy({ css: { 'padding': '5px', 'max-width': '100px', '.. 2019. 3. 26. jQuery - 선택 요소 사이즈 재조정 / resizeble() div 크기 사용자가 조절 가능한 플러그인 안녕하세요. 고코더 입니다. 자바스크립트에서 사용자에게 특정 요소를 특히 div 를 자유로운 크기로 조절 할 수 있게 하는 기능을 소개하려고 합니다. resizeble 이라는 UI 기능이빈다. https://jqueryui.com/resizable/ 해당 기능은 다양한 곳에 사용이 가능합니다. 사용자 편의에 대시보드를 만들게 하는 곳에 특히 많이 쓰입니다. 그래서 오늘은 이 기능에 대해 다루려고 합니다. 먼저 제가 정리한 간단 예제를 보시겠습니다. 1234567891011121314151617 $(function(){ $("#resizeble").resizable(); }); gocoder ResizebleColored by Color Scriptercs 해당 .. 2019. 3. 14. jQuery - 색상코드 선택 플러그인 / Color Picker 색상 RGB input 선택 plugin 안녕하세요. 고코더 입니다. 웹사이트에서 사용자에게 색상코드를 선택 값을 받을 때 input 박스로 받는 거보다 조금 더 우아하게 받을 수 있는 플러그인을 하나 소개하려고 합니다. ▼ 바로 jquery 미니 컬러 입니다. https://www.jqueryscript.net/other/Color-Picker-Plugin-jQuery-MiniColors.html 플러그인 .js 몇가지를 첨부 한 후에 속성만 주면 간단하게 input 박스를 컬러 코드를 선택 할 수 있는 기능으로 만들어 줍니다. ▼데모를 보면 이미 다양한 패턴의 예제를 만들어 났고 그대로 복사해서 붙혀넣어 쓰기 편하게 되어 있습니다. 색상코드 관련힌 인픗박스 기능은 전부 있어 보입니다. https://.. 2019. 3. 12. 워드프레스 - 우클릭, 드래그 방지, 퍼가기 금지 설정 컨텐츠 보호 플러그인 안녕하세요. 고코더 입니다. 퍼가기 금지 마우스 오른쪽 버튼 무효화 만들기는 자바스크립트로 개발하기 아주 쉽습니다. 그런데 워드프레스를 사용하면서 플러그인을 안쓰면 섭섭합니다. 컨텐츠 보호 하는 방법을 제공하는 플러그인이 있어 소개 합니다. ▼ 바로 이 플러그인 입니다. WP Content Copy Protection & No Right Click https://ko.wordpress.org/plugins/wp-content-copy-protector/ ▼이외에도 많은 플로그인이 있지만 사용 결과 이게 가장 쓰기 좋네요. 설치후에 활성화면 바로 기능이 실행 됩니다. ▼마우스로 오른쪽 버튼을 클릭하면 이렇게 경고 메세지 띄우는 옵션도 존재합니다. free 버전일 경우 모든 사이트가 퍼.. 2019. 1. 14. 워드프레스 - 구글 애널리스틱 연결 wordpress 에 구글 애널리스틱 설치하기 안녕하세요. 고코더 입니다. 워드프레스로 사이트를 개발 하셨다면 구글 애널리스틱스를 설치 해서 접속자 모니터링을 하셔야겠죠. 우선 필요한건 애널리스틱스 고유 코드 입니다. ▼ 가입하신 계정에 추적 ID 가져오기를 하시고 ▼ 발생한 추적 ID를 복사해서 저장합니다. ▼ 그리고 워드프레스 플로그인에서 Google Analystics for WordPress 검색하여 설치 합니다. ▼ 그럼 왼쪽 메뉴에 이렇게 설치가 됩니다. ▼ UA로 시작하는 발급된 코드를 입력하고 변경사항을 저장만 하면 모든게 완료됩니다. 플러그인으로 마우스로 개발하기 재밌습니다. 마무리 아직 사용자가 없어도 먼저 설치 하세요. 데이터는 미리 미리 쌓아두는게 2019. 1. 5. 이전 1 2 다음
