JavaScript 썸네일형 리스트형 WebRTC - Web Browser를 통한 실시간 통신 첫걸음. #1 느뤼는 Google Korea에서 개최하는 2012년 Google HackFair에 참가를 위해 "WebRTC를 이용한 다중 화상채팅"을 준비하였습니다. 이 준비 기간중 습득하게된 WebRTC에 대한 정보와 개인적인 고찰(!?)을 글로 남겨 봅니다. WebRTC? - Web Real-Time Communication (http://www.w3.org/TR/webrtc/) - 말그대로 웹을 이용한 실시간 통신을 이야기합니다. 오잉? 그럼 이전에는 실시간 통신이 없었단 말인가? 하고 반문하시는 분들이 있을 텐데 차분하게 뒤쪽에서 기존의 실시간 통신들과의 차이점을 하나하나 알아보도록 하겠습니다. WebRTC는 현재 W3C와 IETF의 주도하에 WebKit API가 정의되어가고 있습니다. 링크로 들어가 확인해보.. 더보기 Heroku에서 node.js 설정하며 겪은 삽질 공유. 뭔 바람이 또 들었는지. 이번엔 node.js 입니다.javascript하면 웹초창기때부터 익숙했던 대표적 client-side script였지만 요놈이 server side로 넘어가 node.js 란 이름으로 재탄생되었더군요.node.js가 javascript라고 보기에는 무리가 있고 javascript의 문법을 차용한 server-side script로 봐야겠습니다. 뭐 암턴 관심을 가지고 요것저것 하는 도중에 server-side script이다보니 뭔가 좀 해보려면 서버가 필요합니다.그냥 집에서 localhost로 공부만하겠다면 문제없지만 기왕에 시작한것 내 벽돌 갤럭시에서도 돌아가는 모바일 앱 하나 해보자니node.js hosting 꽁짜를 뒤져봅니다. 역시나 있습니다 ㅋㅋ 우선 먼저 발견한 것.. 더보기 Javascript Reference http://www.howtocreate.co.uk/tutorials/javascript/domstructure http://www.javascriptkit.com/jsref/event.shtml 더보기 느뤼 홈피 스크롤 따라오는 메뉴 스크립트 다른 곳에서 사용하는 것을 다음과 같이 시작시간과 시간을 넘겨받아 사용하게 살짝 수정~ /* idname : 따라오게할 layer div tag id * sec : onScroll event 이후 움직이기 시작할 시간 (단위 : 밀리세컨) * pos : 화면 Top에서부터 떨어진 위치 (단위 : pixel) */ function followScroll(idname,sec,pos) { var moveObj = eval(idname); var yFrom, yTo, yOffset, timeoutNextCheck; yFrom = parseInt (moveObj.style.top, 10); yTo = document.body.scrollTop+parseInt(pos); timeoutNextCheck = sec; .. 더보기 이전 1 다음
