728x90 전체 글186 [JSP]태그에 class 추가/삭제 로직 기능: 로직에 따라서 html태그에 class 를 추가/ 삭제를 해줄 수있음 if(input == 1){ $("#divChatData").addClass("On"); }else{ $("#divChatData").removeClass("On"); } input이 1이면 divChatData태그에 class="On"이 추가가 됨 1이외 의 로직일 경우 class="On"이 삭제가 됨 class의 여부에따라 CSS에서 만들어 놓은 .On 이 동작하게되거나 동작하지 않게 되어 응용할 수 있음 2022. 8. 6. [script]Cannot read property 'scrollHeight' of null 1. 에러: Cannot read properties of null 에러 발생 2. 문제부분: 3. 해결책: $(document).ready(function(){ }) 안에 넣어주기 2022. 8. 3. [SpringFramework]WebSocketSession에서 HttpSession 값 가져오기 1. 목표: 채팅페이지에 입장시 HttpSession에 저장 된 사용자ID를 WebSocketSession에서도 사용 2. 문제: HttpSession과 WebSocketSession이 다르기때문에 기본적으로 서로의 데이터를 접근할 수 가 없음 그래서 WebSocketSession에서 getID()를 사용하면 이렇게 임의로 부여된 사용자ID 정보가 찍힌다 3. 해결책: servlet-context에서 websocket에 handshake-interceptors라는 구문을 추가 (interceptor는 http통신에서 request, response를 가로채는 역할을 한다.) Httpsession에 있는 값을 가로채서 WebSocketSession에 똑같이 넣어주는 역할을 한다. 4. 결과: 클라이언트가 .. 2022. 8. 3. [SpringFramework]swal_SweetAlert 상황에 따라 확인/경고/에러/정보 4개의 창을 띄울 수 있는 SweetAlert 기본형태 응용사례 var sessionCheck = "${sessionMember_id}"; if(sessionCheck==""){ swal({ text: "로그인 후 이용바랍니다.", icon: "warning", buttons: true, }) .then((eventClick) => { if (eventClick) { window.location.href = '/member/login'; ({ icon: "success", }); } else { swal({ text: "영화정보 페이지로 진입합니다.", buttons: false, }) setTimeout(function(){ window.location.href = '.. 2022. 8. 3. [SpringFramework]소켓으로 채팅 구현 1. 프로젝트 구성 2. socket사용을 위한 pom.xml 디펜던시 추가 com.fasterxml.jackson.core jackson-databind 2.9.4 org.springframework spring-websocket ${org.springframework-version} javax.websocket javax.websocket-api 1.1 provided com.googlecode.json-simple json-simple 1.1.1 3. web.xml에 server디펜던시 추가 WARINGSOCKET bgm.bgmaster.ex.WaringSocketServer 1 4. Handler.java 추가 package bgm.bgmaster.ex; import java.util.ArrayL.. 2022. 8. 2. [BGMaster]_Ajax를 활용한 데이터 Controller로 보내기 1. Ajax 기능 사용 배경 ▶싱글게임(updown)에서 버튼을 누를때마다 카운트 증가, 게임 시작과 동시에 게임 기록을 위한 타이머 기능을 추가 ▶카운트 값과 타이머 값을 JSP에서 Controller로 보내는 과정에서 적용 2. 처음 시도 방법 #문제점 발생 (4) Ajax 코드 function submit_record(){ console.log("제출 버튼 실행"); console.log("제출 total_count 실행------->"+total_count); console.log("제출 버튼 timerId실행------>" +timerId); $.ajax({ url : "/game/updown", //전송할 url type : "post", //전송할 메서드 타입 dataType : "text.. 2022. 7. 27. 이전 1 2 3 4 5 6 7 ··· 31 다음 728x90
