본문 바로가기

Lecture & Tip/javascript[자바스크립트]

WebRTC 를 이용해 Chrome<->FireFox 간의 통신시 주의점. 오늘도 삽질의 연속입니다. 이번에는 WebRTC가 현재 지원되는 양대 브라우저 Chrome과 FireFox간의 PeerConnection연결시의 삽질기입니다. 기본적으로 PeerConnection의 연결 순서는방에 들어가는 Guest의 경우에는 PeerConnection생성->Offer 송신->Answer 수신 순입니다.그리고 반대로 방에 이미 들어와 있는 방장의 경우에는 Offer 수신 -> PeerConnection 생성 -> Answer 송신 순입니다.이때 미디어스트림의 연결을 위한 ICE는 비동기적으로 연결이 됩니다. PeerConnection이 생성이 되고 LocalDescription이 설정되는 순간 시작됩니다. 오늘 저는 이곳에서 생각지도 못한 일을 보고 말았습니다. 잘될것이라 생각되던 Fi.. 더보기
Local Appengine 서버에서 Facebook API 테스트하는 방법. 어쩌다보니 Facebook api를 사용해서 웹사이트를 구성하게 되었는데. 간단한 튜토리얼을 따라하는 도중 FB의 Oauth 정책때문에 다음과 같은 애러가! 입력하신 URL은 해당 앱에서 허용되지 않습니다.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains. 이런이런 Facebook App등록시에 Site URL을 등록해야만 정상동작 한단다. 사이트를 appengine을 사용하는 나로써는 url을 등록해서 사용하려면 결국 코드 변경때마다 app.. 더보기
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 꽁짜를 뒤져봅니다. 역시나 있습니다 ㅋㅋ 우선 먼저 발견한 것.. 더보기
Google Web Toolket + Google App Engine 맨땅에 헤딩하기. GWT + GAE 를 써보겠다고 이전부터 책도 사고 이것 저것 뉴스그룹 등만 뒤적이다가. 근래에 숨돌릴 수 있는 틈이 생겨서 한번 제대로 헤딩해보기로 했다. 이전에도 몇 번 Beta로 서비스 될때 Sample Project 생성해서 그 위에서 투닥여서 사용한 적은 있지만, 이번에는 Empty Project로 시작해서 맨땅에 해딩해보자~ 맨땅 헤딩 Start! ---------------------------------------------------------- 역시 맨땅 헤딩의 시작은 "Hello World!" Eclipse에서 GAE Plugin을 설치하고(어떻게 설치하는지는 생략! 참조 : http://code.google.com/appengine/docs/) Project를 생성한다( Google.. 더보기