년도별 글 목록: 2011

구루의 기술뉴스 – "제대로 된 질문을 하면 답은 자동으로 나온다" 외 25건

구루의 기술뉴스 ( GuruNews ) 47 회차입니다.

올 한해 제가 발행하는 기술뉴스에 관심 가져주셔서 고맙습니다.
내년에도 더욱 좋은 내용으로 찾아 뵙겠습니다.

[ 웹사이트, 웹서비스, 웹기술 ]

 

[ 모바일 – 아이폰/안드로이드 ]

 

[ 프로그래밍/HTML5/CSS/Javascript ]

 

[ DB,클라우드,웹서버 기술 ]

피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

구루의 기술뉴스 – 디벨로퍼노믹스 ( Developernomics ) 의 시작 외 43건

구루의 기술뉴스 ( GuruNews ) 46 회차입니다.

오늘은 신조어인 디벨로퍼노믹스 ( Developeronomics ) 를 다룬 기사를 메인으로 선정했습니다. 소프트웨어 개발자가 인정받고, 제대로 대우받는 것을 통해 만들어지는 소프트웨어 개발자 경제구조의 모습. 해외 얘기입니다만, 국내에도 분명히 가능한 얘기들일꺼라 생각합니다. 제가 몸담고 있는 kth 도 이런 개발자 경제를 만드는데 열심히 노력하고 있습니다. 😉
 

[ 추천글 ]

  • 디벨로퍼노믹스(Developeronomics)의 시작 국내 개발자들에겐 아직은 꿈같은 얘기로군요. 하지만 곧 우리에게도 이런 일이 생길거라 믿습니다.
  • 직원들에게 동기를 부여하는 9가지 방법 칭찬하라/매니저를 없애라/그들의 아이디어로 만들어라/절대로 비판하거나 정정하지 마라/점심을 같이하라/인정과 작은 보상/단합행사/성공도 고통도 공유
  • Python 에코시스템 소개 타 언어 사용자들이 파이썬으로 넘어올때 느끼는 첫 난관을 넘기 위한 글. 파이썬 도입하려는 회사들에 좋을 듯
  • 애플티비 사용자중 30%가 영화/TV쇼를 렌트하는데,다른 기기에선 20%사용자 만이 렌트를 한다 How Do People Use Apple TV? 그들이 ‘취미’라고 부르는 시장에서도 애플이 이기고 있다.
  • 윈도우즈 스토어의 정책 개발자등록비 $49,기본 수익셰어 7:3 인데 $25K 달성시 8:2로 조정. 트라이얼(시간/기능)가능. 결제방식 개발자 선택가능. 애플보다 훨씬유연하군요

 

[ 웹사이트, 웹서비스, 웹기술 ]

  • RWW이 선정한 2011년 탑10 웹 제품 크롬/드랍박스/iCloud/킨들/에버노트/스포티파이/인스타페이퍼/플립보드/구글맵스/Siri 원본 글 보다 훨씬 더 읽기 쉬운 @abulaphiaa 님의 번역+정리 글
  • The 12-Factor App 웹앱을 위한 개발방법론 SaaS를 위한 체크리스트로 써도 좋을듯. 코드/의존성/설정/백서비스/빌드/포트바인딩/동시성/임시성/개발&상품화 단계일치/로그/관리자
  • fPrivacy – 페이스북 앱과 연동시 주요권한에 퍼미션을 삭제가 가능하도록 하는 크롬/사파리 확장. 퍼블리쉬_스트림 권한만 빼도 담벼락이 깔끔해지는 효과가
  • HipHop VM – 페이스북이 PHP to C++ 컴파일러를 더욱 발전시켜 HHBC(힙합 바이트코드)를 만들고 실행하는 VM으로 진화. 세계에서 PHP를 가장 잘쓰는 회사 페이스북
  • Don’t be a free user “무료 서비스는 오래 살아남기 힘들다. 다른 좋은 무료 서비스가 안한다면 베끼고 (더 좋게 만들어) 유료화/광고를 붙여라. 언젠간 너 혼자 남을꺼다”
  • 새 웹사이트를 런칭할 때 체크해야 할 18가지 마케팅 & 메트릭 확인을 위해 필요한 것들. 구글어낼리틱스/웹마스터툴/피드버너/메일침프 는 필수

 

[ 모바일 – 아이폰/안드로이드 ]

 

[ 프로그래밍/HTML5/CSS/Javascript ]

  • 자바스크립트 Polyfil을 이용하여 HTML5 갭 메우기 구형브라우저에서 HTML5 기능들을 사용할 수 있게 해주는 필수 폴리필들 설명. 107페이지 슬라이드
  • ql.io – 웹API 호출로 얻은 다양한 데이터들을 엮고, 쿼리를 통해 새로운 데이터를 추출할 수 있도록 도와주는 node.js 모듈. 마치 YQL의 노드 버전을 보는듯. 흥미로운 시도
  • Sencha의 HTML5 화이트 페이퍼 “Web Applications Come of Age” 전반적인 웹앱의 진화부터 개발방법 변화를 짚은 글. 다소 센차 친화적이긴 하지만 볼만합니다.
  • Sencha의 안드로이드 4.0 아이스크림 샌드위치(갤럭시 넥서스) HTML5 점수표 “안드로이드 브라우저중에서는 많은 발전을 했지만 아직 iOS5 에는 조금 못 미침”
  • CSG.js – Constructive Solid Geometry(구조적 입체 도형)을 브라우저에서 WebGL로 구현한 라이브러리. 언리얼엔진에서도 사용중. 웹3D게임을 위한 준비가 될 듯
  • Circle Menu – Path 2.0 좌하단 스토리 UI의 jQuery 플러그인 버전. 이제 웹에서도 이 메뉴를 보게 되는 건가요 ?
  • tubular – 유튜브 비디오를 웹페이지 백그라운드로 플레이하게 만들어주는 jQuery 플러그인. 데모 페이지용으로 좋겠네요
  • Efficient Javascript 오페라에서 계속 정리중인 자바스크립트 최적화 문서. 현재 ECMAScript/DOM/Document 로딩 관련 총 25항목
  • Keyboard JS – 요즘 뜨는 웹 앱은 단축키가 기본! 키보드 처리를 위한 자바스크립트 라이브러리. 키콤보와 상하좌우 이동용 axis 지원
  • CSS3 Transition 과 Animation 를 이용한 애니메이션 버튼 예제모음 데모 1/4/6번 마음에 드네요
  • Tympanus의 멋진 HTML5/CSS 예제&튜토리얼들 모음! 이 친구들 리스트 제공을 안하는데, 강제로 주소입력했더니! 전체 튜토리얼의 보기편한 디렉토리 리스트가! 보석 찾은 느낌! UI/UX/웹개발자들 링크들 하나씩 필감!
  • dhteumeuleu – 자바스크립트 애니메이션 모음. 다른 곳에서 보지 못한 좀 특별한 데모들
  • Icon Font 사용하기 조그만 이미지들 대신 그림모양 웹폰트를 사용하는 방법. 10가지 아이콘 폰트 모음 이걸 사용하면 맥의 VoiceOver에서 ✔ 는 체크마크,⌚는 Watch-Emoji,☁는 Cloud Emoji,↩는 Leftwards Arrow With Hook 이라고 읽어주는군요. Icon Font를 사용하는 또 다른 장점이 될 듯 @andrea9292 님 제보
  • DTrace를 이용해 성능분석 및 향상시키기 grep이 왜 느려지는지를 분석해서 알아보고 GNU grep 에서 다른 grep으로 교체하여 특정 로그검색 루틴을 2000배 빠르게 만든 내용을 상세히 설명한 글
  • Dabblet – 자바스크립트 친화적인 JSFiddle 과 달리 CSS에 최적화된 웹 테스트 환경. 실시간 업데이트 지원/Github gist로 저장/다양한 인라인 프리뷰기능
  • 브라우저 내장 개발자 지원툴의 25가지 비밀 un-minify 기능/크롬의 자바스크립트 온더플라이 에디팅 좋네요. 브라우저들이 서로 보완하며 발전하는듯
  • CSS3 3D Transform과 Gradients/Mask 를 사용하여 빛나는 아이패드 보여주기 마우스를 움직여보세요. 소스코드도 간단한데 효과는 매우 좋네요

 

[ DB,클라우드,웹서버 기술 ]

피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

구루의 기술뉴스 : Carrier IQ 사태 종합 정리 외 17건

구루의 기술뉴스 ( GuruNews ) 45 회차입니다.

스마트폰 에서의 개인정보 수집(누출?)에 관련되어 “Carrier IQ”라는 소프트웨어에 대한 얘기가 일파만파입니다. 국내에선 크게 얘기되진 않지만, 많은 외국의 테크 블로그들이 빅브라더의 출현이 아니냐고 얘기하고 있습니다. 안드로이드,블랙베리,노키아 그리고 똑같지는 않지만 아이폰도 해당됩니다. 이에 대한 얘기를 모아봤습니다.
 

[ Carrier IQ ]

  • 코네티컷에 사는 Tevor Eckhart 라는 25살 엔지니어가 안드로이폰에 들어있는 Carrier IQ 라는 소프트웨어가 하는 일을 보여주는 비디오와 글을 2개 공개합니다. 첫번째글 – CarrierIQ 2번째글 (동영상 포함) – CarrierIQ Part 2 이 CIQ 소프트웨어가 하는 일은 사용자의 핸드폰(타블렛포함) 사용 정보를 Carrier IQ 서버로 보내는 것입니다. 이를 통해 사용자 행태를 분석하고 이것으로 서비스를 개선하는데 쓰인다고 합니다만.. 보내는 정보가 너무 상세해서, 위치정보 수준을 넘어서 사용자가 어떤 버튼을 눌렀는지, 어떤 웹 페이지를 방문했는지(SSL 포함) , 어떤 전화번호로 전화를 걸었는지, 어떤 SMS를 받았는지 까지 모두 보내는 것 ( User Behavior Logging )으로 알려졌습니다. 공개된 2번째 글과 그 글에 포함된 동영상의 9분 이후를 보시면 됩니다.
  • Trevor 는 이에 대해 CIQ 는 rootkit ( 침입한 사실을 숨긴 채 관리자용 접근권한을 획득하는데 사용하는 도구 ) 수준이라고 주장하고 있으며, 미국 통신사용 삼성 안드로이드폰의 경우는 on/off 설정이라도 있지만, HTC 는 그것도 불가능합니다. 즉 핸드폰 내부 소스코드에 밀착되어있어 아예 소스단계에서 제거하고 재 빌드 하지 않는 한 삭제가 불가능하다는 것입니다.
  • 구글이 출시한 레퍼런스 기기인 Nexus One, Nexus S, Galaxy Nexus 와 Xoom 타블렛에는 CIQ 가 탑재되지 않았다고 합니다. Google Nexus Android phones and original Xoom tablet do not include Carrier IQ tracking software
  • RIM(블랙베리) 과 htc 는 CIQ 에 대해 자신들은 상관없으며, 이것은 각 이동통신사가 요청한 것이라고 밝혔습니다. 구글 또한 CIQ 와 어떤 관계도 없다고 밝혔습니다. AT&T는 CIQ를 이용하여 서비스 품질을 좋게 하는데 사용하고 있다고만 간단히 대답했고, Verizon 은 CIQ를 사용하지 않는다고 밝혔습니다. RIM, HTC, Google on Carrier IQ: Blame the Carriers
  • CHPWN에 의해 아이폰도 CIQ를 내장하고 있다는 것이 밝혀졌습니다. Carrier IQ is on iOS 다만, 키로거 수준은 아니고 전화와 위치정보(활성화시에만) 부분만 애플로 보내며, iOS 처음 세팅시에 물어보는 “진단 및 사용내용(Diagnostics and Usage)” 자동 전송을 끄면 서버쪽으로 보내는것을 중지합니다. (기존에 기본 값은 보내지 않음 이었습니다 ) 또한 이에 대해 애플은 iOS5 부터 CIQ 사용을 중단했으며, 업데이트를 통해 완전히 제거할 것이라고 밝혔습니다. http://allthingsd.com/20111201/apple-we-stopped-supporting-carrieriq-with-ios-5/
  • 이 사건에 대해 Carrier IQ 가 발표한 공식 미디어 전문 ( PDF ) [Media Alert] Measuring Mobile User Experience Does Matter! . 그리고 Carrier IQ의 CEO 와 VP of Marketing 인터뷰 Carrier IQ Speaks: Our Software Ignores Your Personal Info 가 기사화 되었습니다. 요약하면, CIQ 소프트웨어는 통신사의 품질에 큰 영향을 끼치고 있으며, 우리는 통신사를 위해 이 서비스를 제공한다. 예를 들어 전화가 갑자기 끊어졌을 때 왜 끊어졌는지를 통신사는 알고 싶어하며, SMS를 보냈을 때 그게 제대로 안 보내졌다면 통신사는 왜 그랬는지를 알고 싶어한다. 이때 전화번호 정보 등은 서버로 보내지지만, 전혀 저장되지 않으며 다시 해당 통신사로만 보내진다. 통신사별로 요청하는 데이터가 다르기 때문에 통신사별로 제공하는 서비스는 다르다. 우리는 절대 이 데이터를 다른 써드 파티에 제공하지 않는다.
  • 위 Carrier IQ 발표문의 속 뜻을 존 그루버가 늘 하던데로 꼬집었네요 Translation From Corporate Jargon Doublespeak to English of Carrier IQ’s ‘Media Alert’

 

[ 모바일 – 아이폰/안드로이드 ]

 

[ 프로그래밍/HTML5/CSS/Javascript ]

 

[ DB,클라우드,웹서버 기술 ]

 

[ 추천글 ]

피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

H3 개발자 컨퍼런스 세션 선택 가이드! #H3

정말 열심히 H3 개발자 컨퍼런스를 기획중인 엉뚱한 개발자 구루입니다.

H3 개발자 컨퍼런스 행사전에 발표자분들 리허설하는걸 쭈욱 들어본 경험에 의거하여,
H3 사이트의 세션소개만으로는 부족한 부분을 채워서 알려드리고자 합니다!

제가 추천하는 타입별 H3 세션이동 전략!

제 개인적 편견?에 의한 세션이동전략입니다. 발표자분들 상처받지 마세욤 😉

  • 아이폰 앱 개발자 : Keynote – A – A – C – C – B – B/C
  • 안드로이드 앱 개발자 : Keynote – C – A – A – C – C – A
  • 하이브리드 앱 개발자 : Keynote – A – A – A – A – C – A
  • 모바일서비스 기획자 : Keynote – C – A – A – A – B – A
  • 클라우드 개발자 : Keynote – B – C – B – 맘대로 – 맘대로 – C
  • 하드코어? 개발자 : Keynote – B – B – A – B – A – B
  • UX/UI 관련자 : Keynote – C – A – A – A – B – A
  • 그냥 재미난게 좋아 : Keynote – B – A – A – A – A – C

저의 개인적인 H3 추천세션 몇가지

트랙 C – 1 : 안드로이드의 Seamless UX를 위한 Activity 활용전략
이 세션을 듣고 나시면, 내가 지금까지 안드로이드용 앱들을 잘못 기획/개발하고 있었구나라고 느끼게 되실겁니다. 아이폰과 전혀 다른 UX를 만들어주는 안드로이드의 Activity 와 Task! 그걸 아주 쉽~게 예제와 함께 설명해 드립니다.

트랙 C – 6 : 파이썬으로 클라우드 하고 싶어요
제목에서 오는 괴리감?때문에 인기투표에서 밀렸지만, 예비발표에서 엄청난 박수를 받은 세션. 무려 120장의 슬라이드를 초스피드로 넘기며 풀어가는데, 빵빵터지는 웃음! 기대하셔도 좋습니다. 발표자료 와 원고를 본 제 아내가 “나도 가서 들어보고 싶어요”라고 말할 정도랍니다.

트랙 A – 3 : 경쟁력있는 웹앱 개발을 위한 모바일 자바스크립트 프레임웍
jQueryMobile 과 SenchaTouch 가 좋아 보이지만, 실무에 적용하려면 쉽지않습니다. 그 해결 방법!을 제시해 드립니다. Deview 2011 에서 A.J.님의 약장수 스킬에 넘어오신 분들, 그때 다 못다한 이야기가 바로 이 세션입니다!

트랙 A – 4 : 반응형 웹디자인, 진짜 할 만 한가?
모바일 웹 기술의 발전으로 단지 PC화면을 모바일에서 보는것이 아니라, 모바일을 위한, 모바일을 우선적으로 생각하는 웹 기술,디자인들이 논의 되고 있습니다. Responsive Design, Mobile First, Progressive Enhancement, Server-Side Adaptation, Hybrid Web.. 이제 이런 단어들은 디자이너,웹 개발자 뿐만 아니라 모바일에 관련된 일을 하는 IT분들은 모두 알고 계셔야 할듯 합니다. 이게 대체 뭔소린지 아주 쉽~게 설명해 드립니다.

트랙 C – 5 : (푸딩얼굴인식 앱을 통해서 본) 하이브리드 앱 아키텍쳐 및 개발방법
국내 최대 사용자를 가진 하이브리드앱 푸딩얼굴인식의 구조를 공개하고,
하이브리드 앱을 제대로 만드는 방법을 설명합니다.

트랙 B – 1 : Google을 통해 살펴보는 분산 파일 시스템의 현재와 미래
매우 어려워보일 것 같지만, 탄탄한 스토리텔링 예제와 함께 Google File System 의 과거와 미래를 쉽게 설명해드립니다.
클라우드 기반의 되는 분산파일시스템에 대해 알고싶은 분들은 필참 세션!

트랙 A – 5 : 모바일 시대의 Search Engine Optimization 전략
제 세션이니 당근 추천을.. 쿨럭. 블로그와 웹사이트를 운영하시는 모든분들께 좋습니다 😉
왜 제 블로그의 유입율은 70% 가량이 검색엔진에서 오는지 이유를 알려드립니다.

물론 여기 안적은 세션들도 정말 모두모두 재미납니다. 관심있는 분야의 세션들을 잘 골라서 참가해보세요!

구루의 기술뉴스 : Pinterest & Stamped 외 12건

구루의 기술뉴스 ( GuruNews ) 44 회차입니다.

Instagram 이후로 이렇다 할 신규서비스가 없던 상태에서 2가지 주목할만한 서비스가 등장했습니다. Pinterest 와 Stamped, 소셜네트웍이 좀더 실생활에 도움을 주는 형태로 발전하고 있다고 보여집니다.
 

[ 웹사이트, 웹서비스, 웹기술 ]

  • Pinterest – 사진,글,비디오,선물 등 자신이 맘에 드는 것들을 공유하는 온라인 핀보드. 아직도 초대기반 베타상태인데 지난달에 4억PV를 돌파했다는 테크크런치의 기사 Pinterest Is Now Pulling In More Pageviews Than Etsy; Grew 2,000% Since June , 인스타그램 얘기가 뜸~한 가운데 갑자기 뜨고 있는 친구들. 실제로 오픈한지는 2년이나 되었지만, 이렇게 된데는 진짜 지인들간의 네트웍 이펙트에 기반한 좀더 현실과 가까운 바이럴 마케팅이 한목을 했다는 테크크런치의 분석기사. 이쁜사진들로 가상의 네트웍을 구축하고 트위터/페이스북 공유를 통해 갑자기 인기를 끈 인스타그램과 비교를 했네요 How to Make Your Startup Go Viral The Pinterest Way
  • Stamped – 소셜 네트웍/추천 엔진. 추천하고 싶은 식당,장소,책,음악,영화 등에 도장만 찍으면 되는 방식. 별점 대신 자기색상 도장을 찍는 컨셉으로 호응을 얻어내고 있음. 공동창업자 3명중 2명이 구글 출신이지만 인스타그램처럼 오직 아이폰앱만 제공합니다. 단순하게 포커싱하기 위한 전략. 전체적으로 앱의 디자인이 깔끔하네요. 최근의 버티컬 SNS앱 추세를 보여주는 듯.
  • 별5개 짜리 평가시스템 보다 좋은 대안이 있나요? 넷플릭스 부사장의 긴~답변인데 정말 좋네요 “좋다/나쁘다가 아닌 다른 변수에 대한 최적화라고 생각하세요” 기획/개발자 분들 필독
  • Clea.nr – Youtube 화면을 깔끔하게 만들어주는 브라우저 플러그인. FF/크롬/사파리 지원. Youtube Options Extension 이랑 결합하면 깔끔한 화면에 동영상 다운링크까지!

 

[ 모바일 – 아이폰/안드로이드 ]

  • TellMe vs Siri – MS의 CSO가 Siri는 좋은 마케팅일뿐, MS는 이미 1년전에 윈폰7에서 구현했다고 말한거에 대해 비교테스트한 동영상. 결과가 잔인하군요
  • 킨들파이어로 스크린샷찍는 방법 무려 22단계..
  • CSS3 패턴 갤러리 CSS만으로 만든 배경패턴 모음. 각 패턴을 직접 수정해보면서 테스트 가능. 대부분 사이즈가 1k 이하네요.

 

[ 프로그래밍/HTML5/CSS/Javascript ]

  • iWebInspector – iOS용 웹앱 개발시 디버깅/프로파일링 을 할수 있게 해주는 무료 툴. 사파리나 UIWebView형태 모두에서 사용가능. 현재는 iOS시뮬레이터하고만 동작됨
  • 프린트용 CSS 만들기 스매슁매거진의 깔끔한 정리. 출력시에 안보이는 A태그의 URL도 Pseudo 엘리먼트를 이용한 주소 출력방법을 이용 ‘미싱링크’란 이름으로 잘 정리했네요

 

[ DB,클라우드,웹서버 기술 ]

  • Global Netflix Platform – Netflix 플랫폼 발표자료. 총75p. 100% 퍼블릭클라우드 기반. AWS상에서 돌아가는 대형 자바기반 PaaS를 구축했다고.. “경쟁자를 파트너로” 가 인상적이네요

 

[ 추천글 ]

  • 수잔 케어의 스케치북 맥 초기의 서체와 아이콘들을 디자인한 여성 디자이너의 이야기. 코맨드 버튼의 ⌘아이콘이 그녀의 작품이군요!

피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다