SMU개발자

앱에서 에 붙여넣기 시 텍스트 카운트가 안되는 현상이 있습니다. 이와 같은 이유로는 보통 PC환경에서는 keyup이나 blur 이벤트로 실시간 텍스트 카운트 처리를 하게 되는데 모바일 환경에서도 같은 소스를 적용시키기 때문입니다. keyup이기때문에 아무래도 모바일의 키패드가 나와서 눌러줘야 keyup이벤트가 발생하는것으로 보이며 이와 관련해서는 다른 처리가 필요합니다. 그것은 keyup 이벤트를 미리 구현해 놓고 bind 함수를 통해서 keyup 이벤트를 트리거하여 처리가 가능합니다. $("#inputTextarea").on('keyup', function(e) { e.preventDefault(); var content = $(this).val(); $(".inputWrap .count").text(..

신고 내역을 받아와서 블랙 리스트처리를 하는 로직인데 비슷한게 많을지도 모른다는 생각에 신고자와 피신고자 그리고 신고내용을 조건으로 일치하는 값을 신고내역 테이블에서 삭제하고 블랙리스트 테이블에 추가.이때 정지할 날짜를 받아서 현재 시간으로 부터 정지할 시간까지 더해 저장할 것이다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 #container{ text-align: center; } ​ 신고 내역 신고한 회원 신고 당한 회원 신고 내용 신..

회색깔이 chatContent고 초록색이 insertContent이다. 보여지는 칸은 회색이지만 실질적으로 채팅의 내용이 쌓이면 초록색처럼 튀어 나가게 될것이다. 이 성질을 이용해서 스크롤을 맨 아래로 이동 시킬 것이다. 채팅 내용이 다 담긴 div 높이에서 화면에 보여질 만큼의 부분을 뺀다. 예를 들어 전체 채팅내용이 10인데 보여지는 화면이 2라면 10-2=8이 된다. 그래서 보여지는 화면에 scrollTop(8)만큼 이동하게 해서 맨 아래 2만 보이니 스크롤의 맨 아래로 이동이 되는 것이다. (코드) var maxScroll = $("#insertContent").height() - $("#chatContent").height();$("#chatContent").scrollTop(maxScroll);

id값이 messageInput 안에서 엔터 키가 눌리면 if문안에 실행할 함수를 적어줘서 실행 시킨다. submit을 하고 싶으면 그에 맞게 변환 시켜서 사용 가능도 할것 이다.

ajax란서버로부터 데이터를 가져와 페이지를 새로고침 하지 않고 일부만 로드할 수 있게 하는 기법으로 비동기식 요청을 보내는데 필요한 기술을 말한다. AJAX(Asynchronous JavaScript AND XML) 장단점장점 비동기식 방식으로 웹서버의 응답을 기다리지 않고 데이터를 빠르게 처리하는 개발기법, 페이지 리로딩 없이 처리됨예) 실시간 검색어, 검색어 자동완성 단점 한 페이지에 지속적으로 사용시 리소스가 계속 쌓여 페이지가 느려짐, 스크립트로 되어있어 에러 발생시 디버깅이 어려움 비동기식 처리모델(AJAX 방식)-> 페이지가 로드 되는 동안 브라우저는 먼저 서버에 데이터를 요청 script문 실행한 후 페이지의 나머지를 계속 로드하고 페이지와 사용자의 상호작용을 처리하면 브라우저는 요청한 데..

정규표현식이란 날이 갈수록 개인정보 보호에 관련하여 보안정책을 점진적으로 강화하고 있다. 이에 따라 Web에서 회원가입 시 passowrd 설정을 복잡하게 조합해야만 정상적으로 가입을 할 수 있다. 이러한 입력 규칙을 정해주는 것이다. 쉽게 이야기 하자면 회원가입을 할때 아이디가 한글로 적힌게 있다면 걸러주기도 하며 맨앞부터 3글자는 한글이고 뒤에는 영어만 지정하고 싶을 때, 특정범위를 지정하거 그 범위내에선 어떠한 입력값만 넣을 수 있도록 제한을 거는 방법이다. 사실 위와 같이 제한을 거는 방법은 상당히 복잡하고 어렵다.. 쓰이는 부분도 그렇게 많지 않은거 같고.. 그래서 보통의 사람들은 다른 사람이 만들어진 것을 쓰는 경우가 많다. 하지만 자신만의 특정한 규칙을 만들고 싶다면 따로 공부 하길 바란다...

요즘 세미프로젝트를 진행하고 있는 와중에 페이지에서 정말 많이 쓰이는 기능중 하나인 checkbox를 한번에 전체 선택/해제하는 방법을 포스팅할 예정이다. 코드 자체는 그렇게 복잡하지 않다. 전체약관동의 이용약관(필수)... target="_blank">약관정보 개인정보처리 동의(필수)... target="_blank">약관정보 개인정보 제3자 제공 동의... target="_blank">약관정보 이벤트혜택 알림 수신동의(선택)... 우선 사용할 checkbox는 이렇게 구성하였다. 이제 checkAll 이라는 친구로 아래 항목들을 한번에 체크/해제를 해볼 것이다. function cAll() { if ($("#checkAll").is(':checked')) { $("input[type=checkbox]..

1. 문서객체 설정each 메소드 배열을 관리하는 for in문과 비슷한 메소드로 객체나 배열의 요소를 검사하는 메소드index : 객체, 배열의 순번item : 값을 보관하는 변수, 배열의 실제 값메소드 내용 $.each(배열이름, function(index,item) { } ) 지정한 배열을 0번부터 자동으로 불러와 순번을 index, 값을 item에 넣는 메소드 $('s').each(function(index,item){ } ) 선택자로 선택한 요소를 index순번으로 item에 요소 값을 수정시 사용하는 메소드 /* 0,1,2,3으로 이름을 설정해 반복문 돌리게 한다. */ .colorBack_0{background-color: yellow;} .colorBack_1{background-color..