Back-end/Spring33 [HTML] 자동완성 기능 만들기 인풋 이벤트 인식 :키업: 키를 뗐을 떄 인식키다운 : 새로운 글자가 입력되기 직전에 인식됨체인지 : 포커스를 잃었을때 발생 자동완성시 글자를 눌렀다 뗐을때 계속 동기화됨 autocomplete.html 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 #autocomplete { width:150px; height:200px; background-color:pink; z-index:3; posit.. 2016. 5. 3. [HTML] 서버돌리지 않고 창 띄우기 서버를 돌릴 필요없이 바로 확인할 수 있다.노트패드를 다운받는다. 그리고 text문서를 .html을 붙여서 html 파일을 만든다.이 파일 오른쪽을 눌러 notepad로 수정을 누른다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 function hello(message){ alert(message+" 반갑습니다."); } window.onload = function() { alert("잘됩니다~"); //var p1 = $("#p1"); var p1 = document.getElementById("p1"); //p1.clic.. 2016. 5. 2. [HTML5] WebSocket을 이용한 채팅 만들기 EchoHandler spring bean 파일을 만들어준다. EchoHandler 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071package com.ktds.jgbaek.handler; import java.util.ArrayList;import java.util.List; import org.slf4j.Logger;import org.slf4j.LoggerFactory;import org.springframework.web.socket.CloseStatus;import org.springframework.web.. 2016. 4. 22. [HTML5] 웹소켓( WebSockat ) HTTP : 단발성 일방향 통신 웹소켓 : 반영구적 양방향 통신연결이 끊어지지 않고 계속 연결되어 있다.이를 통해 채팅, 캐치마인드, 온라인 게임 등을 만들 수 있다.node.js : 웹 소켓을 사용하게 만든 자바 스크립트 프레임 워크socket.js : 소켓을 쓸 수있게 만든 자바스크립트 * open : 접속* close : 퇴장* send : 메시지 전송 ( client -> server )* emit : 메시지 전송 ( server -> client ) Apache Commat : 통신- Polling 기술- Long Polling 기술 두 기술을 아우러서 Commat이라 칭한다. * Polling : 계속 물어보는 것 요청 보내고 응답 받자마자 다시 요청하며 실시간.. 2016. 4. 22. 이전 1 2 3 4 5 6 7 ··· 9 다음
