Google Developers Korea Blog: 5월 2014

Google Developers YouTube의 새로운 비디오 시리즈를 소개합니다

2014년 5월 23일 금요일

By Colt McAnlis, Google Developer Advocate
장차 인터넷을 사용하게 될 다음 세대의 50억 인구는 비용도 많이 들고 속도도 느린 인터넷 연결을 사용하게 될 것입니다. 평균 웹사이트 접속 2 메가바이트의 사이즈로 평균 125 메가바이트의 안드로이드 게임에 접속해야 하는 사용자들은 콘텐츠와 비용 중 양자택일을 해야하는 상황에 놓일 것입니다. 이런 상황의 해결책인 압축 알고리즘은 시간이 지날 수록 더 중요해질 것입니다.

대부분의 개발자들은 압축은 다른 이들이 해결할 문제라고 생각합니다. 하지만 사실 이 압축 알고리즘은 최적화, 정보 이론, 실용성과도 깊은 연관이 있습니다. Compressor Head 비디오 시리즈는 정보 이론의 역사를 훑어보며 왜 압축이 중요한지, 그리고 어떻게 서로 다른 알고리즘들이 이 도전 안에서 조화를 이루는지 보여드립니다.

에피소드1 Variable Length Codes압축 알고리즘을 이해하는 것은 인간이 데이터를 어떤 관점으로 바라보고 이용하는지를 이해한다는 의미입니다. 콜트는 데이터 압축 알고리즘의 중요한 연대였던 1950년대에서부터 정보 이론이 어떻게 생겨났는지, 그것이 Variable Length Code에 영향을 미쳤는지 탐구합니다.
에피소드2 The LZ Compression Family압축의 세계에는 절대적인 하나의 왕조가 있습니다. 1970 후반에 탄생한 Lempel-Ziv 알고리즘은 압축계에 있어서 가장 지배적이고 교과서적인 인코딩 스킴이 되었습니다. 두번째 에피소드에서는 왜 이 알고리즘들이 절대적인 존재가 되었는지 설명합니다.
에피소드3 Markov Chain Compression최첨단의 압축 알고리즘에서는 Markov Chain 시스템이 압도적입니다. 이 알고리즘은 인코더와 디코더가 다음에 올 데이터를 ‘예측’할 수 있도록 하는 인공지능 접근 방식을 채택합니다. 이 에피소드에서는 어떻게 이 마법같은 알고리즘이 데이터를 압축하는지, 왜 사람들이 이것이 압축의 미래라고 생각하는지 알 수 있습니다.

이 세 개의 유튜브 비디오를 통해 현대의 개발자들은 압축 알고리즘의 세계에 대해 더 깊이 알 수 있습니다. 이 비디오들은 Google Developers YouTube 채널에서 시청하실 수 있습니다.

구글 I/O 2014 : 당신만의 스케줄을 계획해 보세요

2014년 5월 19일 월요일

By Katie Miller, Google Developer Marketing

수백만명의 사용자들 앞에 선보일 당신의 앱을 더욱 강력하게 만둘 수 있도록, 구글은 당신이 디자인(Design), 개발(Devleop), 배포(Distribute) 하도록 돕고 있습니다. 6월 25-26일(현지 시간 기준) 미국 샌프란시스코의 Moscone West에서 열릴 2014년 구글 I/O에서는, 디자인 원칙과 최신 개발 툴, 개발자 마인드(developer-minded) 제품의 완성, 앱 배포 전략 등에 관련된 세션들로 구성될 예정입니다.
I/O에 직접 참여하신다면, 스케줄을 통해 샌드박스에서 파트너들이 구글 오픈 소스로 설계한 데모 앱들을 둘러보는 동시에, 소그룹으로 구글러들과 1:1 소통할 수 있는 기회가 있습니다. 직접 참석하지 못하시다 해도 걱정하지 마세요. 온라인으로도 함게 많은 콘텐츠를 즐기실 수 있으니까요. 구글 I/O 웹사이트의 업데이트를 주기적으로 확인해 보세요. 여러분만의 I/O 스케줄을 짜면서, 여러분이 앱을 설계하고 성장시키는 데에 도움이 될만한 세션들을 꼭 체크하세요.

* Breakout 세션 : 이번 연도에도 역시 기술적 콘텐츠에 관련된 일련의 세션들이 선보여집니다. 안드로이드, 크롬, 클라우드 및 크로스 프로덕트, 크로스 플랫폼 분야에서 열리는 “What’s New in Android”, “Wearable computing with Google” 등의 세션이 그 예입니다. 구글의 디자인 원칙과 가장 잘 적용된 예시들을 소개하며, 특히 이번에는 개발자들의 앱을 성장시키는 데에 도움이 되는 가치 창출(monetization), 측정 방법, 결제 등의 방면에서 어떤 업데이트가 있는지 알아볼 수 있습니다. Ray Kurzwell, Ignite, Women Techmakers 등이 선보일 세션들은 엄청난 가능성들을 우리에게 소개하여 줄 것입니다. 첫 번째 세션들은 리스트업 되어 있으며 추가될 사항들에 대해서도 계속 체크해 보세요.
* 워크샵 & 코드랩 : 소매를 걷어붙이고 코드랩에 직접 참여해 보세요. 제품을 어떻게 개선할 것인지, 사용자 경험(user experiences)을 어떻게 양적 데이터로 측정할 것인지, 그리고 UX 워크샵을 통한 구글 글라스 프로토타입 개발과 맵핑 & 디자인까지 배워 보세요. 구글러 및 개발자들과 더 많이 상호작용 하고 싶은 분들은 자기주도적 모듈이 미리 내장된 구글의 워크 스테이션이 있는 코딩 스페이스를 방문해 보세요. 안드로이드, 크롬, 클라우드 그리고 API에 대한 전문가의 가이드를 받아볼 수 있습니다.
* 샌드박스에서 구글러들과 소통하기 : 여러분이 가장 좋아하는 구글의 제품을 만든 구글러들과 직접 만나 보세요. 스케줄 표에서 https://www.google.com/events/io/schedule ‘Box Talks나 App Review로 검색하여 최신 툴의 성능을 테스트 해 보는 동시에 당신의 앱을 성공적인 비즈니스로 이끌어 줄 세션에 참여하세요.
* 파트너 샌드박스를 통해 동료 개발자들에게 배우기 : 우리는 파트너들이 구글과 함께 멋진 프로젝트를 만들어 나가기를 바랍니다. 몇몇 파트너들을 초청해 가능성을 보여주는 쇼케이스를 열도록 했습니다. 파트너들의 데모 버전 앱들과 그들이 새로운 앱들을 어떻게 디자인하고 창조했는지 심도있는 대화를 나눠 보세요.
* Moscone에 올 수 없더라도 I/O Extended를 통해 : 전세계에서 I/O Extended 행사를 통해 함께 즐기실 수 있습니다. I/O Extended는 I/O 세션의 라이브 스트리밍에서부터 각 지역의 스피커들이 꾸미는 세션과 해커톤도 포함됩니다. 세계 각지에서 열리게 될 I/O Extended 행사들이 기대됩니다.

다음 달에 여러분을 만나기를 기대하고 있겠습니다. 샌프란시스코에서 직접 만나든, 온라인 라이브 스트리밍으로든요.
- Katie Miller는 구글 I/O 세션 프로그램 개발과 개발자 리서치를 담당하고 있습니다.

한국 Google Developers Group의 4월 활동 이야기

2014년 5월 14일 수요일

21명의 한국 GDG(Google Developers Group) 운영자들은 4월에 구글 코리아 오피스에 함께 모여 1분기 활동을 정리하고 2분기 활동 계획을 나누는 시간을 가졌었습니다. 4월 한국 GDG는 5,6 월에 있을 DevFest, I/O Extended 등의 여러가지 활동들을 준비하며 정기적인 모임들의 내용을 더욱 풍성하고 흥미롭게 만드는 데 주력했습니다.GDG 서울 정기 Meet-up

4월 23일에 있었던 GDG 서울의 Meet-up 주제는 <손코딩 뇌컴파일 눈디버깅>이었습니다. 독특한 제목인데, 어떤 내용일지 감이 오시나요? 이번 세션에서는 개발자들의 ‘문제 해결능력 향상'에 초점을 맞춘 방향으로 진행되었습니다. 35명의 참가자들이 모여 간단한 알고리즘 작성과 코딩 구현을 전지에 손으로 써내려가는 동시에 다른 팀원들이 눈으로 디버깅을 하는 형식으로 진행 되었습니다. 팀 별로 자신들이 작성한 코드를 다른 사람들에게 소개하는 프레젠테이션으로 마무리 되었습니다. 참가자들은 새로운 경험을 통해 ‘문제 해결능력'에 대해 재고하는 기회를 가질 수 있었습니다. (참가자 후기) GDG 서울 모임은 이렇게 참여자들이 흥미를 느끼고 즐겁게 참여할 수 있는 컨텐츠를 자체적으로 준비하고 있습니다. 모임이 진행될수록 참석자들도 늘어나는 동시에 좋은 피드백도 모이고 있습니다.

GDG Women 오픈소스/깃허브 코드랩

또한 한국 GDG에서는 이처럼 좋은 내용의 세션들을 리바이벌 하는 형식으로 더욱 널리 퍼트리고 있습니다. GDG Women 에서는 여성 개발자들을 대상으로 이전에 GDG 서울에서 진행했던 오픈소스/깃허브 코드랩을 진행 하였습니다. 지난 모임에 참여하지 않았던 새로운 25명의 참가자들이 모여 같은 주제로 공부하는 시간을 가졌습니다.

GDG 웹테크 크롬앱 코드랩 & 크로미엄 원정대

GDG 웹테크에서는 29일, 14명의 참가자들과 함께 Chrome Platform APIs, Google drive APIs, Polymer 의 기술들을 사용해 보는 코드랩을 가졌습니다. 웹테크의 크롬앱 코드랩은 크로미엄 원정대와는 별도로 다달이 진행되며, 여러가지 기술과 주제를 다루고 있습니다.
스크린샷 2014-05-09 오전 10.51.21.png

스크린샷 2014-05-09 오전 10.51.21.png

또한 IT 웹진 블로터닷넷에서는 GDG 웹테크에서 진행 중인 크로미엄 원정대를 집중 소개하였습니다. GDG에서 점점 흥미로운 컨텐츠들을 많이 선보이면서 외부에서도 점차 GDG 활동이 주목 받고 있는 듯 하네요.

GDG 토크쇼 Live @ Talk IT
스크린샷 2014-05-09 오후 1.43.39.png

4월을 시작으로, 4명의 GDG 운영자 분들이 Talk IT 채널에서 라이브 토크쇼를 진행하고 있습니다. GDG의 활동 내용을 공유하고 국내/외 개발자들 사이에에서 주목 받고 있는 트렌드에 대한 이야기로 꾸며지고 있습니다. 5월은 20일 화요일 저녁 8시 라이브 스트리밍 예정이며 댓글로 질문, 코멘트 등으로 함께 참여하실 수 있습니다!

스터디, 티타임 모임 : GDG 부산, GDG 안드로이드, GDG 클라우드
스크린샷 2014-05-09 오전 11.09.45.png

스크린샷 2014-05-09 오전 11.09.45.png

스크린샷 2014-05-09 오전 11.09.55.png

스크린샷 2014-05-09 오전 11.12.52.png

5~10명 규모의 스터디와 티타임도 여러 곳에서 꾸준히 진행되고 있습니다. 이런 모임에서는 운영자와 멤버들이 함께 이벤트 계획을 의논하거나 개인적으로 궁금한 주제들에 대해 더 깊이 공부하는 시간을 가지고 있습니다.
5월과 6월에는 정기 모임 외에 여러가지 재밌는 이벤트들 또한 있을 예정입니다. 특히 5월 31일에는 웹, 안드로이드, 클라우드에 관한 세션들로 꾸며진 DevFest 컨퍼런스가 열릴 예정입니다. 한국 GDG가 만들어가는 즐거운 이벤트에는 누구나 참여하실 수 있답니다. 구글플러스와 페이스북의 GDG Korea 계정을 팔로우 하시면 더 빠르고 자세한 정보를 보실 수 있습니다.

구글 캐스트를 지원하는 앱 개발하기

2014년 5월 14일 수요일

2014년 5월 14일, 많은 분들이 기다리고 계셨던 크롬 캐스트가 한국에 정식 출시되었습니다. 크롬 캐스트는 구글 캐스트 기술이 적용된 첫 번째 디바이스 입니다. 구글 캐스트는 사용자들이 비디오와 같은 콘텐츠를 폰, 태블릿, 노트북과 같은 작은 화면에서 TV 와 같은 큰 화면으로 손쉽게 재생할 수 있도록 지원하는 구글의 멀티스크린 기술입니다. 크롬 캐스트 출시를 기념하며, 구글 캐스트 기술에 관한 전반적인 내용에 관해 이야기 해보려고 합니다. 구글 캐스트 개요 구글 캐스트는 크게 센더와 리시버 두 가지 요소로 구성됩니다. 센더 앱은 리모컨 역할 및 수행하며, 폰, 태블릿, PC 등이 센더 앱을 실행 하는 센더 디바이스가 될 수 있습니다. 각 플랫폼에 맞게 제공되는 구글 캐스트 API 를 이용하여 리서버 앱을 찾고 데이터를 주고 받는 센더 앱을 개발하실 수 있습니다. 그리고 물론 여러분의 콘텐츠를 큰 화면으로 캐스팅 하실 수도 있습니다.
크롬 캐스트와 같은 리시버 디바이스 위에서는 리시버 앱이 동작합니다. 리시버 앱은 하나의 HTML, CSS, 자바스크립트 파일로 이루어진 웹 앱입니다. 인터넷 프로토콜을 통해 비디오를 재생하는데 최적화 되어 있으며, 개발자 여러분은 함께 제공되는 리시버 API 를 이용하여 센더와 리시버 앱이 서로 주고 받을 수 있는 커스텀한 메세지를 추가하거나 라이센싱 서버를 통해야 하는 콘텐츠 혹은 가변 비트스트림(Adaptive Bitrate Streaming)을 지원하는 미디어 포맷등을 추가로 지원하실 수도 있습니다.

미디어 콘텐츠는 인터넷 프로토콜을 통해 서버에서 직접 리시버 앱으로 전송되며, 사용자는 TV 로 비디오를 감상하면서도, 평소와 다름없이 휴대폰이나 태블릿을 사용할 수 있습니다. 비디오를 자유롭게 컨트롤 하면서도, 유튜브를 통해 또다른 동영상을 검색해서 TV 로 캐스팅 할 수도 있고, 아니면 아예 이메일을 확인하거나 게임과 같은 다른 종류의 작업도 문제없이 수행할 수 있습니다.

그럼 실제로 구글 캐스트를 지원하는 앱을 만들기 위해서는 어떻게 시작해야하는지 조금 더 자세히 알아보도록 하겠습니다.

개발 시작하기

개발자 분들이 구글 캐스트를 지원하는 앱을 만드실 수 있도록 각 플랫폼에 맞는 구글 캐스트 SDK 가 제공됩니다. API 라이브러리와 개발 관련 문서 그리고 샌더와 리시버 어플리케이션 샘플 코드가 함께 제공되고 있습니다. 개발자 프리뷰를 거치며, 많은 변화가 있었기 때문에, 이미 구글 캐스트 기술에 익숙한 개발자 분들이라도 다시 한번 개발자 문서를 확인하시는 것을 권장드립니다.

구성 요소

앞에서 설명 드린 것 처럼 캐스트 앱은 크게 두 가지 구성요소로 이루어 집니다. 센더 어플리케이션은 안드로이드, iOS, 크롬 플랫폼 상에서 동작합니다. 각각의 플랫폼 별로 다음과 같은 형식으로 API 가 제공되고 있습니다.

Android API - 안드로이드 서포트 라이버리리와 구글 플레이 서비스 API 형태로 제공됩니다. 보다 자세한 내용은 개발자 사이트의 Android Sender Applications 항목을 참고 하세요.

iOS API - 독립적인 API 라이브러리 형태로 제공됩니다. 보다 자세한 내용은 개발자 사이트의 iOS Sender Applications 항목을 참고 하세요.

Chrome API - 크롬의 구글 캐스트 확장(Extension) 을 설치해야 합니다. 실제 앱 개발을 위해서는 자바 스크립트 라이브러리가 제공되며 구글 서버에 호스팅 되어 있습니다. 보다 자세한 개발자 사이트의 Chrome Sender Applications 내용은 항목을 참고 하세요.

리시버 어플리케이션은 센더와 리시버 디바이스 같의 커뮤니케이션을 처리하며 크게 세 가지 종류의 리시버 앱이 지원됩니다.

Default Media Receiver - 구글이 직접 호스팅하는 기본적인 미디어 리시버 앱으로 mp4, mp3, mov, jpeg 과 같은 대표적인 미디어 포맷을 지원합니다. 리시버 앱을 직접 구현할 필요 없이 API 호출을 통해 콘텐츠를 캐스트 리시버 장치에 캐스팅 할 수 있지만, UI 를 변경하거나 커스텀 메세지 기능등을 활용할 수는 없습니다.

Styled Media Receiver - Default Media Receiver 와 동일하게 기본적인 미디어 포맷만을 지원하지만, 여러분이 호스팅 하는 CSS 스타일 파일을 적용하여 리시버 앱의 모습을 다른 형태로 변경할 수 있습니다. 보다 자세한 내용은 개발자 문서의 Styled Media Receiver 항목을 참고 하시기 바랍니다.

Custom Media Receiver - 개발자 분이 직접 호스팅하는 리시버 앱 입니다. 리시버 앱 UI 를 원하는 형태로 변경할 수 있고, 커스텀 메세지를 정의하고 이를 처리하기 위한 로직을 구현하실 수 있습니다. 함께 제공되는 미디어 플레이어 라이브러리를 이용하여 라이센싱 서버를 거치는 미디어 혹은 어답티브 스트리밍이 적용된 콘텐츠등 추가적인 미디어 포맷을 지원할 수 있습니다. 보다 자세한 내용은 개발자 문서의 Custom receiver 항목을 참고 하시기 바랍니다.

특정 미디어 포맷은 Custom Media Receiver 를 구현해야지만 지원할 수 있기 때문에, 어떤 리시버 앱을 활용해야 하는지는 여러분의 어플리케이션이 지원해야하는 미디어 타입에 따라 달라 질 수 있습니다.

개발 환경 설정

구글 캐스트 어플리케이션을 개발하기 전에 몇 가지 사전 작업이 필요합니다.

Chromecast Setup 과정을 통해 개발자 여러분의 크롬 캐스트 디바이스를 설치 합니다.
폰과 같은 센더 디바이스에서 크롬 캐스트 앱을 실행 한 후, 안내에 따라 캐스트 디바이스를 설정 합니다.
개발용으로 크롬 디바이스를 사용하기 위해서는 개인 정보 보호 정책에서 ‘업데이트 확인 시 크롬 캐스트 등록 번호 보내기' 옵션을 선택합니다.
UX 가이드라인 내용을 한 번 확인 합니다. 다른 캐스트 지원 앱과 더불어 사용자에게 동일한 사용자 경험을 제공하기 위해 꼭 기억해야할 원칙들이 소개되어 있습니다.
API 라이브러리와 샘플 앱을 다운로드 합니다.
개발자 문서의 등록 항목을 참고하여, 구글 캐스트 개발자 콘솔을 통해 개발자 계정을 생성한 후, 여러분의 캐스트 어플리케이션을 등록 합니다.
API 호출 시 사용할 수 있는 리시버 앱 ID 를 발급 받습니다.
이제 모든 준비가 완료되었습니다. 구글 캐스트를 지원하는 여러분 만의 앱을 만들어 보시기 바랍니다.

구글 캐스트 앱 디자인하기

구글 캐스트 기능을 활용하는 것은 기존 앱을 개발하는 것과는 다른 새로운 경험이 될 수 있습니다. 사용자는 센더와 리시버 라는 두 요소 간의 상호작용을 통해 구글 캐스팅 기술을 활용하게 되며, 사용자가 혼란 스럽지 않고 플랫폼 전체적으로 동일한 사용자 경험을 누릴 수 있도록 UX 를 설계할 때도 주의를 기울여야 합니다. 개발자 분들을 위하여 UX 가이드라인 과 디자인 체크리스트 문서가 제공하고 있습니다.

특히, 디자인 체크 리스트 문서는 구글 캐스트 기술을 통해 센더 앱에서 리시버 앱을 발견하고 콘텐츠를 재생하고 컨트롤 하기 까지 각각의 단계 마다 어떤 식으로 앱이 동작해야하는지에 관해 구체적인 스크린샷과 함께 자세히 설명하고 있습니다. 구글 캐스팅 기능이 적용된 앱을 만드시기 전에는 꼭 한번 참고해보시기 바랍니다.

그럼 개발자 분들의 멋진 구글 캐스트 앱을 만나보길 기대하고 있겠습니다. 해피 캐스팅!

[Mobile Ad] 한국을 포함한 더 많은 나라에서 new AdMob 출시

2014년 5월 12일 월요일

모바일 앱 시장은 매우 빠르게 성장하고 있고, 저희는 더 많은 앱 개발자들의 비즈니스의 성공을 돕고 있습니다. 이미 많은 앱 개발자 분들께서 AdMob의 앱 내 광고(in-app purchase)를 앱을 수익화하기 위한 효과적인 방법으로 선택하고 있으며, 65만개 이상의 앱들이 수익을 위해 AdMob을 사용하고 있습니다. 이렇게 개발자들의 성공을 도와드릴 수 있는 것을 영광으로 생각합니다.

보다 더 나은 파트너가 되기 위해 저희는 더 많은 개발자분들에게 New AdMob을 소개하려 합니다. 오늘 저희는 중국, 홍콩, 대만, 인도, 한국, 베트남, 싱가포르, 태국, 인도네시아, 말레이시아, 파키스탄 등의 시장에서 New AdMob 서비스를 시작하였습니다.

새로운 AdMob 홈 화면

Screen Shot 2014-05-02 at 11.30.54 PM.png

New AdMob은 여러분들 앱의 수익화, 프로모션, 분석을 위한 완벽한 플랫폼이며 안드로이드, iOS, Windows Phone 8 등 다양한 OS를 지원합니다. 또한, 새로운 플러그인(plug-in)을 통해 Unity엔진을 사용하여 만든 앱에도 손쉽게 적용할 수 있습니다.

수익 올리기 : 전 세계 백만명 이상인 Google 광고주들의 광고를 받아 앱에서 수익을 창출하세요. 자동화된 광고들을 송출하고 최고 수준의 조정 도구로 손쉽게 수익을 극대화할 수 있습니다. 저희의 CPM (노출 당 비용)은 광고주의 큰 투자수익(ROI)을 유지하면서도 2013년에서 2014년 사이에 120% 성장하였습니다.
홍보하기 : AdMob 네트워크를 사용 중인 전 세계 9억개의 모바일 기기에서 앱을 홍보하세요. 또한, 하우스 광고를 이용하여 자신의 기존 앱에 자신이 새로 출시한 앱을 무료로 홍보할 수도 있습니다.
분석하기 : AdMob에서 이용할 수 있는 Google Analytics의 강력한 기능으로 앱을 분석하세요. 주요 데이터를 통해 사용자를 이해하고, 곧바로 적절한 조치를 취할 수 있습니다.

기존 AdMob을 사용하고 있는 개발자들은 자신의 계정에서 업그레이드 관련 초대 알람을 보실 수 있고, 처음 사용하는 개발자들의 경우는 이곳을 통하여 새로운 계정을 만드실 수 있습니다.

AdMob을 통해 배너, 전면광고, 비디오 광고 등의 다양한 광고 포맷을 사용하실 수 있습니다.

새로운 AdMob에 대하여 더 알아보고 싶으신 분들은 도움말 (help center)에서 저희의 업그레이드 안내를 읽어보시기 바랍니다.
Posted by Jonathan Alferness, Product Management Director, Google

GDG WebTech 소식 최신 업데이트

2014년 5월 12일 월요일

by 도창욱, GDG WebTech 운영자

안녕하세요, GDG WebTech입니다. GDG WebTech는 웹을 기반으로 한 다양한 기술에 관심을 가지고 운영되고 있습니다. 최근에 있었던 소식을 모아 전달해드리기 위한 첫번째 비정기 소식지를 포스팅합니다. :)

GDG WebTech 활동

1. GDG DevFest 개최 및 스피커 모집 2. Chrome Apps 코드랩 3. 크로미움 원정대 4. WebRTC 원정대

Chrome/Chromium 36 관련 및 기타 소식

1. CSS transform의 Prefix 제거 2. WebAnimations 자바스크립트 API 추가 3. CSS Will-change 4. ServiceWorker 초기 구현 5. HTML5Rocks/KO 업데이트 6. [번역] 크롬 개발자도구로 비동기 자바스크립트 디버깅하기 by Pearl Chen 7. [번역] WebRTC 시작하기 by Sam Dutton

GDG WebTech 활동

1. GDG DevFest 개최 및 스피커 모집Google Developer Group Korea DevFest 2014 컨퍼런스 발표자를 모집합니다. 이번 GDG Korea DevFest는 2014년 5월 31일 오후 1시부터 6시까지 코엑스 그랜드 볼룸 101호, 102호에서 진행되며 웹 기술을 중심으로 하여 안드로이드 및 구글 클라우드 기술까지 다양한 구글의 기술들을 공유하는 자리를 가질 예정입니다. 많은 분들이 참여 하셔서 보다 활발한 지식과 경험 나눔의 장이 이루어지기를 기대합니다. :) 발표 신청하러 가기 2. Chrome Apps 코드랩GDG WebTech 운영자 문현경님이 Chrome Apps 코드랩을 진행 중입니다. Chrome App을 구성하기 위한 기본적인 접근 방법부터 Yeoman 등의 도구를 이용한 개발 워크플로우를 비롯한 따끈따끈한 컨텐츠를 저자 직강(!!)으로 배울 수 있습니다.

크롬앱스 두 번재 코드랩

3. 크로미움 원정대크로미움은 구글에서 진행하고 있는 오픈소스 웹 브라우저입니다. 익히 알고 계시는 크롬은 크로미음 + 각종 상용 라이브러리 등이 추가된 버전이라고 생각해도 무방합니다. 이 크로미움의 구조를 분석하고 커밋을 위한 과정을 함께 진행하기 위한 GDG WebTech 운영자 고재도님이 크로미움 원정대 스터디가 진행 중입니다. 원정대의 최종 목적은 크로미움 프로젝트의 커미터가 되는 것입니다. 아직 머나먼 원정의 초입에 있으니 관심있는 분은 원정대에 참여해보세요.

크로미움 원정대 4번째 원정

4. WebRTC 원정대통신 방식에 대한 여러가지 요구사항이 발생하면서 HTML5에는 웹 소켓 이외에도 WebRTC라고 불리는 실시간 통신 규격이 추가되었습니다. P2P 기반의 통신이 필요한 환경에서는 더할 나위 없이 훌륭한 솔루션으로 흔히 예시를 드는 비디오 채팅 이외에도 데이터 채널을 이용한 네트워크 멀티 플레이 데모 등이 이미 구현되어 있습니다. WebRTC에 관심이 있으시다면 GDG Seoul 운영자인 이원제님이 진행 중인 5월 14일에 열릴 WebRTC 3차 원정에 참여해보시는 것은 어떨까요.

WebRTC 원정대 1차 원정

GDG WebTech에서는 이렇게 다양한 목적을 가진 스터디, 코드랩, 세미나 등의 모임이 이루어지고 있습니다. 자세한 모임 정보는 항상 GDG WebTech 이벤트 포스트에 업데이트되니 참조하시기 바랍니다. :)

Chrome/Chromium 36 관련 및 기타 소식

1. CSS transform의 Prefix 제거기존에 CSS transform을 적용하기 위해서는 -webkit-transform: ...처럼 prefix가 포함된 형태로 기술해야 했지만 36버전부터는 prefix가 없는 상태로 기술이 가능해집니다. :) 2. WebAnimations 자바스크립트 API 추가Web Animations는 기존의 선언적인 방식에서 벗어나서 자바스크립트를 기반으로 능동적으로 CSS3 Animation 및 Transition, SVG 애니메이션을 처리할 수 있는 새로운 HTML5 규격입니다. 작년 말 Blink 엔진에서 WebAnimations 규격을 지원하기 위한 네이티브 엔진 교체가 이루어졌었습니다만 이때까지는 WebAnimation에서 정의하고 있는 자바스크립트 API가 빠진 상태로 기존 CSS3 애니메이션이 제대로 동작하는지만 확인할 수 있어 별로 차이를 느끼지 못하셨을 겁니다. (아마 엔진이 변경되었다는 사실조차 모르시는 분들이 많으실 것 같네요.) 이제 36버전부터 웹 애니메이션의 API 중 element.animate()가 사용 가능해집니다. 물론 Chrome for Android에서도 마찬가지입니다.

크로미움 대시보드

WebAnimations 규격

Polymer WebAnimations.js 폴리필 라이브러리

3. CSS Will-changewill-change CSS 속성이 추가되었습니다. will-change 속성은 엘리먼트 내의 컨텐츠나 리스팅된 속성이 변경될 수 있음을 브라우저에 알려주는 일종의 힌트 속성입니다. 단순히 속성 자체로 페이지 상의 변화가 일어나는 것은 아니지만 다양한 방식의 하드웨어 가속을 통해 렌더링이 이루어지는 환경에서는 브라우저의 렌더링이 보다 효율적으로 동작할 수 있도록 해줄 수 있습니다. 이 규격은 초안(Draft) 상태입니다만 크롬 36버전부터 구현되어 있는 상태입니다.

크로미움 대시보드 - CSS Will-change 구현 상태

CSS Will Change Module Level 1 규격

4. ServiceWorker 초기 구현ServiceWorker웹 페이지와는 독립적인 생명주기(life-cycle)를 가진 이벤트 기반 시스템입니다. ServiceWorker는 WebWorker의 일종이지만 근본적으로는 어플리케이션과 별개의 스레드를 운용하며 필요하다면 개발자의 캐싱(Caching) 관리가 가능하게 하거나 네트워크를 통한 사용자 요청에 대하여 응답을 제어할 수 있게 되는 등 오프라인 지원을 위한 다양한 (특히 리소스의 제어에 유용한) 기능을 제공합니다. 현재 ServiceWorker 규격 정의가 W3C에서 현재 진행 중이며 데스크톱 크롬 36과 안드로이드용 크롬 36부터 ServiceWorker의 초기 구현이 포함됩니다. 구현 상태와 규격은 아래 사이트에서 참조하시기 바랍니다.

크로미움 대시보드 - Service Worker 구현 상태

ServiceWorker 규격

5. HTML5Rocks/KO 업데이트지난달 HTML5Rocks에는 2개의 튜토리얼 번역본이 업데이트되었습니다.

6. [번역] 크롬 개발자도구로 비동기 자바스크립트 디버깅하기 by Pearl Chen콜백 함수를 통한 비동기 처리는 자바스크립트를 특별하게 만드는 강력한 기능이며 실행 성능 문제를 해결하는 최선의 방법입니다. 그러나 자바스크립트가 순차적으로만 실행되지 않으므로 디버깅 과정은 다소 복잡할 수 있으며 최근과 같이 외부에서 작성된 자바스크립트 라이브러리들을 사용하는 환경에는 특히 그러했습니다.다행스럽게도 크롬 개발자 도구(DevTools)에서 비동기 자바스크립트 콜백이 포함된 호출 스택을 모두 확인할 수 있는 기능이 추가되었습니다. 개발자 도구에서 비동기 콜 스택 기능을 활성화하면 다양한 지점에서 각 지점에서의 상태를 자세히 볼 수 있으며 스택을 추적해 가면서 런타임 실행에서 특정 지점의 어떤 변수 값을 분석할 수도 있습니다.
Chrome에 추가된 비동기 스크립트에 대한 호출 스택

크롬에서 추가된 비동기 자바스크립트에 대한 호출 스택과 왓치(Watch) 기능이 궁금하시다면 다음 튜토리얼을 참고해보시기 바랍니다. 번역은 한순보님께서 수고해주셨습니다. :)

번역글 보기

소개글 보기

7. [번역] WebRTC 시작하기 by Sam DuttonWebRTC는 Web RealTime Communication의 약자로 말 그대로 웹을 위한 실시간 통신 규격입니다. 익히 알려진 바와는 조금 달리 이 규격은 비디오 채팅을 구현하기 위한 기능인 오디오나 비디오 스트림을 P2P로 송수신만이 아니라 일반적인 데이터 전달을 위한 메커니즘을 포함하고 있습니다.많은 서비스들에서 클라언트-서버 간의 통신을 통해 데이터 송수신 기능을 구현하고 있지만 어떤 경우는 클라이언트 간의 빠른 데이터 교환이 주요한 구현 목적이 되기도 합니다. 웹 개발자들에게 WebRTC는 중요한 기반 기능들을 제공합니다. 반대로 얘기하자면 서버를 중계할 이유가 없으며 클라이언트 간의 데이터를 빠르게 송수신하고자 한다면 WebRTC는 좋은 선택이 될 수 있습니다.
apprtc.appspot.com의 WebRTC 통신 및 일반 통신