WebRTC를 간단하게 알아보기


안녕하세요.
고코더 입니다.


오늘은 무료 API로 실시간 통을 가능하게 하는 WebRTC에 대해 알아보려고 합니다


한줄 요약


 1. 고코더가 생각하는 한줄 요약은

"웹브라우저만으로 플러그인 도움 없이 실시간으로 고품질 커뮤니케이션 기술로, 영상, 음성 및 데이터 통신을 하는 자바스크립트 API이다."



구글이 시작한 프로젝트 


 2. WebRTC 공식 홈페이지 입니다. 

접속하면 Real-time communication for the web(웹을 위한 실시간 커뮤니케이션) 이라고 정체성을 드러내는 문구가 인상적입니다. 그리고 하단에 보면 Google Developers (구글 개발팀)의 로고가 보입니다. 


 3. WebRTC 소스 저장소
 
해당 프로젝트는 홈페이지의 정체성 처럼 구글에서 만든 오픈 API입니다. Google Chrome Team을 시작으로 Mozilla, Opera 재단의 지원을 받으며 프로젝트를 진행하고 있습니다. 그리고 W3C 국제 표준화로 지정되었습니다.  BDS라이센스의 오픈 프로젝트이기에 누구나 소스를 확인하고 수정할 수 있습니다. (코드 리뷰가 가능하면) 



WebRTC가 등장한 이유


 4. 기존 서비스의 문제

스트리밍 세상이 도래했습니다. 다운로드 시대에서 연결의 시대로 변모 하였습니다. 그만큼 영상을 라이브로 즐겨보는 사람들이 많아졌다는 증거입니다. 오늘 하루에도 유투브를 얼마나 많은 분들이 보는거 보면 확실히 스트리밍 세상이 맞는거 같습니다. 


하지만 상용화된 방식중에 HTML5는 보안점이 취약한 개방형 프로토콜이고 active-x나 flash 형 도구는 사용자들부터 거부감이 들정도로 문제점이 많았습니다. 덕지 덕지 설치되는 강제 프로그램과 운영체제를 느리게 하는 불완전성까지 아직도 국내에 많은 스트리밍 업체들은 이 방식을 사용중입니다.

 5. 이를 해결한 WebRTC

WebRTC는 이러한 문제점을 해결한 API입니다. 웹 브라우저간의 API 통신이기에 프로그램 설치도 필요없고 운영체제에 부담을 주지 않아도 됩니다. 사용하기 편리하고 신뢰성 있는 프로그램은 승리하기 마련인거 같네요.



WebRTC의 문제점


 6. 크로스 브라우징 문제 

하지만 이 방식에도 단점이 있습니다. 지원하는 브라우저의 한계가 있는 크로스 브라우징 문제입니다. 각 브라우저 회사에서 이에 맞게 개발을 해야 하는 문제점이 있었지만 지금은 대부분의 브라우저들이 이를 지원합니다. 사파리와 그리고 인지도가 낮은 브라우저를 쓰는 사용자나 예전 버전 브라우저를 쓰시는 분은 사용이 불가능합니다.

 7. STUN/TURN 서버 필요

방화벽(firewall)문제가 있습니다. 같은 네트워크 상에서는 문제가 없지만 다른 네트워크상에서는 STUN/TURN 서버를 설치한 후 사용해야 합니다.


대표 API



 8. 크로스 브라우징 문제 대표 API는 3가지 입니다. 하지만 이걸로 많은 부분을 개발 가능합니다. 

GetUserMedia
- 클라이언트 사용자 컴퓨터의 카메라와 마이크 접근을 담당합니다.
RTCPeerConnection
- Peer간의 연결을 생성하여 오디오와 비디오 통신에 사용 하게 합니다. Stun 서버가 필요한 부분입니다.
RTCDataChannel
- Peer간의 데이터를 주고 받을 수 있는 Tunnel API 입니다.



마무리


쉽게 이해가 가죠!?


댓글을 달아 주세요


지금 사용하고 계신 네이버 개발자센터 지도 Open API는 2019년 04월 15일부로 지원을 종료합니다. 이후에는 네이버 클라우드 플랫폼(https://www.ncloud.com/product/applicationService/maps) 을 통해서 Maps API를 제공할 예정이오니, 종료 전에 이관을 부탁 드립니다. 보다 자세한 내용은 네이버 개발자 센터 공지사항(https://developers.naver.com/notice/article/10000000000030663434) 을 참고하여 주시기 바랍니다.


안녕하세요.
고코더 입니다.

현재 네이버 지도 Open API를 쓰는
홈페이지에 console창을 보면 이런 메세지가 떠 있습니다. 


NAVER MAPS Enterprise API로 변경 한다고 합니다.

▼ 네이버 클라우드 플랫폼에서 API를 다시 신청하여서
최신화된 네이버 지도 API를 4월 15일까지 바꿔야 할거 같네요..
물런 6개월에 유예기간이 있다고 하지만



▼ 자세한 내용은 네이버개발자 센터 공지사항에 있습니다.



전국적으로 웹개발자 분들이 일들이 하나씩 늘었네요.
4월까지 기다렸다 변경하지 마시고
운영하는 홈페이지가 네이도 지도 API를 

사용중 이시라면 
지금 부터 천천히 테스트 하여 적용해야 할거 같습니다.


마무리


귀찮지만 
이런거 때메 유지보수가 있는거죠


댓글을 달아 주세요


유튜브 먹통 


안녕하세요.
고코더 입니다.

어제 유투브는 100분 동안 장애로 인해
먹통이 되었습니다.

신기합니다. 구글 서비스가 이렇게까지 될 줄이야



웹사이트 뿐만 아니라
어플에서도 각종 플랫폼의 유투브 모두가
먹통이 되었습니다.

지구가 멈춰버린 기분이 드네요



이유는 모르겠지만 
모든 플랫폼이 다운된거 보니 
아마도 백엔드 오류가 난거 같습니다.

장애 시에 유투브 API를 호출 했을때
이렇게 retunr 값이 
백엔드 에러라고 떠 있네요.



아마도 백엔드 상에서 실수가 생겼던거 같습니다.


마무리

유튜브도 실수를 하네요 






댓글을 달아 주세요



다방지도 매물 그룹 선택이 되는 이유 


안녕하세요.
고코더 입니다.



다방과 직방은 부동산 사이트 라이벌 입니다.
그런데 많은 사람이 다방을 더 좋아하고 많이 사용하기 시작했습니다. 

기능적으로도 다방이 좀더 빠르기도 하지만
그 외에도 매우 좋은 기능이 있습니다.

바로 클러스터링 기능입니다.

많은 마커(매물)을 서머리로 보여주는 기능입니다.

▼ 다방에서 저렇게 매물이 모여 있는 동그라미를 누르면
해당 매물만 리스트로 출력 됩니다.      
집을 찾을 때 절대적인 편의 기능이죠


▼ 하지만 직방은 저렇게 매물이 모여있는 동그라미를 눌러도
반응이 없습니다. 지도안에 있는 매물만 리스트에 보여주고 있습니다.



Q.이런 차이가 생긴건

마커 클러스터링 기능이 구글에서만 제공하고 있기 때문입니다. 
다음이나 네이버도 구현해야 할 편의 기능인데
아직은 제공하지 않고 있어서 아쉽습니다. 

그래서 혹시 맵을 이용한 서비스 개발 준비 중이라면
클러스터링 기능이 있는 
구글 지도를 사용하시는게 좋을거라 생각 됩니다.

저 기능 하나가 지도를 깔끔하게 직관적으로 살펴 볼 수 있게 합니다.


마무리


간단한 편의 기능 하나로 승자가 달라집니다.


댓글을 달아 주세요



얼굴,상품,썸네일,멀티태그,성인 판별등이 가능한 API 개발


안녕하세요. 고코더 입니다.

카카오데브에서 새로운 API에 대한 안내 메일이 왔습니다.
Vison API라고 이미지 검출이 가능한 기능을 선보였습니다.

페이스북에서 볼 수 있었던 그 기능입니다.

▼ 메일 내용은 아래와 같습니다.


해당 기능을 안내하는 URL도 오픈을 했습니다.

▼접속하니 5개의 기능을 테스트 할수 있게 잘 만들어 났습니다.


기능들을 리뷰해보겠습니다.


얼굴 검출




▼ 얼굴 검출 기능의 유재석 씨를 넣어보니 라인은 잘잡는데 나이가 너무 어리네요.
해당 API 의 Result json 데이터는 얼굴의 성별, 나이 등을 소수점 단위로 측정하여 노출해주고 있고
이미지 상의 얼굴 좌표 까지 보여주고 있습니다. 




상품검출




▼ 상품 검출 API 입니다. 사진 속의 어떤 상품이 있는지 검색을 해줍니다.
저는 가방을 노렸는데 바지를 정확히 찾아냈습니다. 동시에 다양한 상품을 잡아내는 기능은
조금 아쉽습니다. 




썸네일 생성




▼ 썸네일 생성 기능은 해당 이미지를 작은 사이즈로 변경해 이미지 URL을 제공합니다. 
중소기업은 이제 썸네일 컴포넌트를 구입하지 않아도 되겠네요. 개인적으로 환영하는 API입니다.




썸네일 검출



▼ 이미지의 썸네일 구도를 잡아줍니다. 해당 이미지의 대표적인 부분을 추천해주는데 조금 기준이 궁금하네요. 완성도가 가장 떨어지는 기능 같습니다.




멀티태그 생성



▼ 멀티태그 생성  Vison API에서 가장 추천하는 기능입니다. 이미지에 맞는 태그를 자동으로 만들어 냅니다. 생각보다 다양하고 일목요연하게 잡아내줍니다.




성인이미지 판별



▼ 성인 이미지 판별 입니다. 샘플 이미지로 업데이트를 해봤는데
노멀이라고 나오네요. 절대 값보단 유효성 체크 정도로 생각하고 사용할 기능일거 같습니다.
이 기능은 판별 기준을 분석하고 사용하셔야 될듯 합니다.


한국 IT 환경에 필요한 적합한 기능들이 많습니다.
기능들을 점검하시면서 API를 통해 만들어낼 새로운 아이디어를 창조해보세요.


마무리

한국판 Amazon Rekognition를 기대합니다.





댓글을 달아 주세요



다음 개발자 네트워크 카카오 개발자 네트워크로 통합


안녕하세요 고코더 입니다.

IT소식을 하나 알려드리려고 왔습니다.
다음 커뮤니케이션에서 운영 중인 
Daum Developers(
Kakao Developers(
통합한다는 내용과
다음 API를 중지 시킨다는 내용입니다.



▼홈페이지에 가보니 이미 DIV 배너가 떠있네요 
사실 이미 작년 7월 부터 통합이 되어 있습니다.


▼ 메일로 받은 자세한 내용을 확인해보면  
다음 개발자 센터에서 신규 생성이 불가하던 걸 이젠 
2018년 3월 31일 - 다음 개발자 사이트는 접속이 불가능 하고 
2018년 12월 31일 - 다음 API 사용이 중지됩니다.


즉 개발자 분들은 다음 API를 모두 KAKAO로 변경 해야 하는 수정 개발을 하셔야 합니다.

다음 지도 API는 저도 많이 쓰고 개발하였는데 개발자 분들의 일거리가 생긴거 같네요
이제 다음이란 브랜드는 지우고 카카오라는 브랜드로 통합하려는 움직임이 보입니다. 

조만간 daum.net 에 접속하면 kakao.com으로 리다이렉트 될 날이 얼마 안남았네요

▼ 기존의 많이 찾던 다음 개발자 사이트가 많이 익숙했습니다.
지금 보니  UI가 이쁘지 않았네요


▼ 앞으론 감각적인 카카오 개발자 센터를 자주 들러야 겠네요.



불과 10년전만 해도 중소기업이었던 카카오가 
한국의 2대 포털인 다음을 사실상 흡수했다고 보여집니다.

그리고 포털 API도 카카오의 점유율이 높아질 수 밖에 없어보입니다.
카카오라는 메신저의 독점은 무섭습니다.



자기개발에 열심히 개발자 분들은 사이트에 들러 API를 공부해두는 것도 
좋은 방법일거 같습니다. 



마무리

 카카오도 독점이었던 네이트온에 몰락의 전철을 밟을까요?



댓글을 달아 주세요