본문 바로가기

HTML CSS JS10

JavaScript) 이모지 필터링 정규식 1.블랙리스트 /*메시지 필터링*/ emojiCheck: function(smsMsg, msgId){ 1.블랙리스트 const blackFilter = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF] |\uD83D[\uDC00-\uDFFF]|[\u2011-\u2017]|[\u2028-\u203A]|[\u203C-\u218f] |[\u219a-\u259F]|[\u25A4-\u25B5]|[\u2601-\u2604]|[\u2607-\u260D] |[\u2610-\u261B]|[\u261F-\u265f]|[\u2670-\u26FF]|\uD83E[\uDD10-\uDDFF] |[\u1F90E])/g; var filteredMsg = smsMsg.replace(bl.. 2023. 4. 11.
jQuery) .find() - 어떤 요소의 하위 요소 중 특정 요소를 찾는 메서드 .find()는 어떤 요소의 하위 요소 중 특정 요소를 찾을 때 사용한다. 예를 들어 container라는 class 내부의 특정 값을 찾고 싶을 때 var container = $(".container");로 변수 선언 후, container.find(".form_table");'형식으로 찾는 것이다. eq( )는 인덱스로 해당 요소를 찾는 것인데, form_table클래스하위의 check클래스가 여러개 있고 그중 첫번째 인덱스 값을 선택하고 싶다면 container.find(".forn_table .class:eq(0)");형식으로 불러오면 된다. 2022. 8. 11.
[HTML, CSS, JS] 회원가입 유효성 검사 팀 프로젝트를 하기 앞서 회원가입 폼을 만들어두면 유용하게 쓰일 것 같아서 어느 정도 틀을 잡아 보았다. class, id, 태그등은 네이버의 회원가입 틀을 보고 참고하였다. [register.jsp] 더보기 아이디 비밀번호 비밀번호 재확인 이름 성별 성별 남자 여자 선택 안함 이메일 @ 이메일 선택 naver.com gmail.com daum.net hanmail.net nate.com yahoo.co.kr 전화번호(-제외) 주소 우편번호 도로명주소 상세주소 1. 모든 input태그에 클래스명으로 check를 부여하여 모든 항목을 선택할 수 있도록 한다. 2. 각각의 항목 밑에 id="~Error"를 부여해 유효성 검사를 즉각 반영하여 멘트가 나올 수 있게 하는 공간을 부여하였다. [register.c.. 2022. 4. 13.
day40) [JavaScript] Json사용하기 [$.ajax 메서드] Ajax는 웹페이지에서 새로운 데이터를 보여주고자 할 때 현재 페이지에서 필요한 데이터만 로드하여 웹페이지 전체를 새로고침하는 것이아니라 일부만을 로드하기 위한 기법이다. Ajax는 비동기 처리방식을 사용하여 데이터를 처리한다. -비동기 처리 방식 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이다. Ajax를 통해서 서버에 요청을 한다면 페이지가 멈추는 것이 아니라 프로그램이 계속 돌아가게 된다. AJAX는 HTML 페이지 전체가 아닌 일부분만 갱신할 수 있도록 하기 때문에 이 경우, JSON이나 XML형태로 필요한 데이터만 받아 자원과 시간을 아낄 수 있다. [JSON] 키-값 형식으로 구성된 데이터이다. $.ajax() 메서드를 이용해서 JSON파일을 로드하여 기능을 수행할.. 2022. 2. 24.