ㅇㅅㅇ

cropper.js를 사용해 업로드한 이미지 자르기

! 티스토리 블로그가 아직 익숙하지 않은 블로거라 여러모로 어색할 수 있습니다ㅜㅅ ! 이유없는 비난외의 잘못된 부분에 대한 조언이나 후기 등의 덧글은 환영합니다.ㅎ 업무에 실제로 사용한 소스다. 업로드한 사진에서 얼굴만 잘라 쓸 수 있도록 하는 플러그인이 필요해 찾아보게 되었다. 사진업로드 -> 업로드한 사진에 cropper.js 실행 -> 업로드 버튼 클릭 시 크롭된 사진이 보이게끔 했다. 플러그인은 제목에 썼지만 cropper.js를 사용했다. Cropper.js fengyuanchen.github.io (올린 링크로)1.5.7버전으로 들어가면 몇 가지 예시를 볼 수 있고, 작성일 기준, 현재까지 4.1.0버전까지 나온거 같다. cropper.js에서 지원하는 옵션에 따라 낮은버전을 사용하면 작동이 ..
프로그래밍/JQUERY 2020. 9. 3. 00:00
[JS, JAVASCRIPT] 모바일기기로 접속했을 경우, 모바일 페이지로 이동하기

모바일 디바이스를 감지해 모바일 페이지로 리다이렉트 되는 스크립트 둘 중 하나 쓰면 된당. 1. var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windowssce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { window.location.href = "이동할 경로"; } 2. 출처 : lemny.tistory.com/134 var UserAgent = navigator.userAgent; if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi..
프로그래밍/JAVASCRIPT 2020. 8. 10. 18:39
카페24쇼핑몰 디자인 수정 시 참고 사이트

현 회사에서 하드코딩 업무도 진행하지만 쇼핑몰의 경우에는 대부분 고도몰이나 카페 24 솔루션을 이용해 제작한다. 나는 디자인 수정하고 사용가능 변수를 포함시킨 모션 구현 정도? 사실 구글에 '카페24쇼핑몰 ***'라고 검색하면 원하는 내용이 페이지에 있을 경우, 근접하게 검색결과로 나오기에 굳이 정리할 필요는 없을 수 있지만 나중에 쓰게될지 모르니 정리해봄 참고로 디자인 수정이라고 썼는데 디자인 수정시 필요한 모듈 찾거나 기능을 지우지 않기 위해 참고하는 사이트임... (그리고 전부 카페 24에서 지원하는 메뉴얼..ㅋ.ㅋ.ㅋ.ㅋ.ㅋ..) 1. 스마트 디자인 서포트 - 모듈리스트 http://sdsupport.cafe24.com/index.html 스마트디자인 서포트 sdsupport.cafe24.com ..
프로그래밍/기타 2020. 7. 27. 14:56
Prev 1 ··· 8 9 10 11 12 13 Next