Web/JavaScript14 jquery 텍스트에 있는 이모지 제거 DB가 이모지는 저장안되는 설정이라 이모지가 들어가면 오류가 발생하는 관계로 DB에 저장 전에 이모지를 제거하려고 한다. 1. 첫 번째 방법 : Java 단에서 처리했다. import java.util.regex.Matcher; import java.util.regex.Pattern; import 하고 String context = "-- 😎이모지 제거할 문자열😋 --"; Pattern emoticons = Pattern.compile("[\\uD83C-\\uDBFF\\uDC00-\\uDFFF]+"); Matcher eMatcher; eMatcher = emoticons.matcher(context); context = eMatcher.replaceAll(""); System.out.println(con.. 2021. 10. 22. jquery - muuri.js muuri.js는 그리드의 레이아웃과 이동 기능을 제공하는 js이다. 그리드 요소를 배치해주고 드래그로 이동할 수 있다. muuri 링크 👇 github.com/haltu/muuri haltu/muuri Infinite responsive, sortable, filterable and draggable layouts - haltu/muuri github.com muuri demo 링크 👇 muuri.dev/ Muuri - Infinite layouts with batteries included Delightful API Extensive and quite straightforward API with enough options, methods, events and escape hatches to gain .. 2021. 3. 9. 모바일웹 sortable 적용안되는 문제 - touch-punch.js 추가해서 해결 jquery로 sortable 기능을 넣었는데, pc에서는 되지만 모바일웹 환경에서는 sortable을 적용해도 움직이지 않았다. 검색해보니 모바일환경에서는 터치 인식때문에 sortable 드래그 처리를 못한것 같다. 이 문제는 touch-punch.js 만 추가해주니 해결되었다! touch-punch.min.js 👇 raw.githubusercontent.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js 참고한 글 👇 xetown.com/tips/104034 jQuery UI Touch Punch ( feat: jquery-ui 기능에 터치를 인식 ) jquery-ui 플러그인에는 상당히 유용한 기능들이 많이 있습니다. 제가 가장 애.. 2020. 12. 23. 크롬 개발자 도구 ⭐ 마우스 상태값을 변경할 수 있다. Elements에서 요소 선택후 우측 :hov에 있는 Force element state에서 마우스 상태값을 선택할 수 있다. ex) 마우스 오버 상태를 유지하면서 작업하고 싶을때 쓰기 좋다. (마우스 오버 상태에서 캡쳐 가능!) 참고한 블로그 👇 junwoo45.github.io/2020-07-28-chrome_devtools/ 시니어 프론트엔드 개발자처럼 크롬 개발자도구 사용하기 시니어 프론트엔드 개발자처럼 크롬 개발자도구 사용하기 이 글은 bitfish의 Use Chrome DevTools Like a Senior Frontend Developer을 번역한 글입니다. 원문은 Use Chrome DevTools Like a Senior Frontend Develo.. 2020. 12. 23. sweetAlert 두 번 띄울때 2번째 알럿 안뜨는 문제 - 확인 버튼 눌러도 닫히지 않게 설정해서 해결! 찾다보니 알럿을 두개 띄우는 더 좋은 방법을 알게되었다! swal("첫 번째 알럿") .then((value) => { swal("두 번째 알럿") }); 더 간단!ㅎㅎ ------------------- 이전에 썼던 방법 ----------------------- sweetAlert을 사용하여 2번의 확인 alert를 연달아 띄워야하는데 첫번째 alert만 뜨고 두번째 alert는 뜨지 않는 문제가 생겼다. 첫번째 alert에서 확인을 누르면 두번째 alert이 떠야하지만 확인을 누르는 순간 alert를 close해버리기 때문에 두번째 alert가 보여지지 않고 닫혀버리는 것이다. 그래서 해결방법은...! 첫번째 alert에서 확인을 눌렀을때 alert을 닫지 않도록 설정해야한다. 그래서 두번째 ale.. 2020. 11. 5. e.stopPropagation(); 이벤트 전파를 막음 ismydream.tistory.com/98 event.stopPropagation(), event.preventDefault () 이해하기 event.stopPropagation(), event.preventDefault () 이해하기 event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 p.. ismydream.tistory.com 2020. 10. 22. 이전 1 2 3 다음
