년도별 글 목록: 2012

구루의 기술뉴스 : 칸아카데미의 Computer Science 입문과정 공개 외 19건

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

오늘은 1년전쯤 갑자기 칸아카데미로 옮기면서 새로운 도전을 해보겠다고 선언한 jQuery 개발자 존 레식이 10개월동안 만들었다는 칸 아카데미의 Computer Science 입문과정 뉴스를 메인으로 잡았습니다. 최근 CodeAcademy , udemy 같은 사이트를 통해 더 쉬운 컴퓨터/프로그래밍 교육관련한 얘기들이 많아지는듯 합니다. 국내에선 인기가 없지만, 해외에선 점점 소프트웨어 엔지니어들이 대접받고 있기 때문이 아닐까 합니다.

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

  • jQuery개발자 존레식이 칸아카데미에 조인해서 만든 Computer Science 입문과정 공개 Redefining the Introduction to Computer Science , Bret Victor 의 Inventing on Principle 강의에 감명을 받아서, Ace에디터와 Processing.js 를 활용하여 전산학 입문 교육을 위한 반응형 개발환경을 만들어 냈네요.
  • Tunlr/ – 한국에서 Netflix/Hulu/Pandora/BBC 등을 쓸수있도록 DNS 블락을 해제해주는 사이트. DNS 149.154.158.186로 바꾸니 판도라 접속 잘되는군요. 맥/윈/아이폰 모두~ 속도 때문에 계속 사용하는건 무리구요. 포럼쪽에 보시면 on/off 또는 특정 사이트만 이용하기등 다양한 팁들이 있습니다. Netflix/Hulu 등의 사이트를 이용할때만 쓰시는게 좋습니다
  • Microsoft Research가 공개한 SPDY vs HTTP 비교 자료 HTTP 1.1에 알려진 최적화를 다 적용한다면 SPDY 가 항상 빠르진 않으며, 작은 웹페이지에서는 SSL 오버헤드때문에 SPDY가 더 좋지 않다고
  • 재미나고 특이한 HTTP 헤더들 Fun and unusual HTTP response headers 어떤 웹사이트라도 적용 가능하겠지만, 오픈API 제공사이트에 적용하면 개발자들에게 또 다른 재미를 제공해줄수도
  • Fontello – 아이콘 폰트에서 자신이 쓰는 아이콘만 모아서 작은 크기의 웹 폰트 파일로 만들어 주는 서비스. 사이트 전체가 GitHub에 오픈소스로 공개되어 있음
  • 온라인 인포그래픽 빌더 7가지 Infogr.am/Visual.ly/Piktochart/Stat Silk/Wordle 5개의 서비스가 좋군요.

 

[ 모바일 & 프로그래밍 ]

  • laravel – CodeIgniter를 제치고 뜨고 있는 PHP 프레임워크. 깔끔한 문서 와 번들 시스템. Routing/Auth/이벤트큐 등 거의 모든면에서 CI 보다 뛰어나다는 평가를 받고 있습니다. 처음 시작을 위해선 udemy 에 등록된 Laravel PHP 프레임워크 무료강의를 참고하세요
    Develop web apps with Laravel PHP Framework
    laravel 기초부터 배우기 좋아보이네요.

 

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

 

[ 추천글 ]

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

구루의 기술뉴스 : 왜 넷플릭스가 오픈소스를 사용하고 자신들의 코드를 공개하는가 외 13건

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

오늘은 거의 모든 사내 인프라를 AWS에 올리면서 클라우드 관련기술의 강자로 떠오른 Netflix, 그들이 왜 오픈소스를 많이 사용하고 또 자신들의 코드를 오픈소스로 공개하는지를 다룬 “Open Source At Netflix” 를 메인뉴스로 잡아봤습니다.

[ 추천글/추천사이트 ]

  • 오픈소스 at 넷플릭스 왜 넷플릭스가 오픈소스를 사용하고, 자신들의 코드를 공개하는가? “Good enough for running in production, but not good enough for Github”
  • 최신 맥 & OSX 관련 뉴스와 각종 팁들이 가장 충실하게 올라오는 한글 블로그 “Back To The Mac
  • 애플의 힘의 근원은 이윤 ’20년간 기술 업계에서 성공을 결정짓는 요소가 “혁신의 전달”이라고 해 왔건만, 그것은 틀렸다. 기술업계의 리더쉽이란 결국 황금오리를 가진 기업에게 있다. 그 기업이 규칙을 정한다.’

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

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

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

  • 클라우드에 대한 이해 – 클라우드의 등장배경부터 IaaS/PaaS/SaaS/BaaS 각각에 대한 설명까지 @abulaphiaa 님의 총정리 포스트. 우리가 “클라우드”라고 말할때 뭘 의미하는지 알아보세요
  • Rackspace가 오픈소스인 OpenStack기반의 Open Cloud 서비스 발표  사용자는 오픈스택 기반 클라우드간에 쉽게 이동가능. 근데 사실 요즘 순수하게 IaaS만 가지고 개발하진 않아서 좀더 두고봐야할듯
  • Chaos Monkey – 넷플릭스가 오픈소스로 공개한 클라우드 에러 대비용 서비스. AWS ASG 안에서 VM인스턴스를 불규칙적으로 죽여서 에러상황을 대비하게 해주는 툴

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

구루의 기술뉴스 : SSD가 기존의 SW아키텍쳐를 어떻게 바꾸는가 외 18건

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

최근 아마존 EC2의 SSD지원 인스턴스 추가로 인해 많은 회사들이 SSD 서버 관련 테스트를 진행하고 있는데요. 관련된 이슈들을 총망라한 “Vertical Scaling Ascendant – How Are SSDs Changing Architectures?” 글을 메인뉴스로 잡아봤습니다.

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

  • 아마존의 SSD적용 인스턴스의 발표와 함께 SSD가 기존의 아키텍쳐를 어떻게 바꾸는지를 총망라한 글 Vertical Scaling Ascendant – How Are SSDs Changing Architectures? 개발자입장에선 I/O속도가 빨라지면서 병목이 다른쪽으로 옮겨갈수도 있다는 것에 주목
  • 아마존 Dynamo 오픈소스 구현체인 링크드인의 Voldemort 를 SSD 상에서 테스트 한 결과 Voldemort on Solid State Drives IO가 빨라지니 GC 와 Fragmentation 이 문제라고
  • JVM상에서의 고성능 네트웍 프로그래밍 ( High performance network programming on the jvm ) UA개발자가 OSCON에서 발표한 230장 슬라이드. 단계별 애니메이션때문에 많기는 하지만 동기/비동기 및 프레임웍부터 TCP/UDP/HTTPS까지 자신들의 경험을 잘 정리
  • ebay 의 카산드라 데이터 모델링 베스트 사례 공유 CF설계시 중첩된 맵 구조라고 생각/쿼리패턴에 기반해서 설계/읽기속도를 위해 비정규화및 중복 허용. 제일 중요한건 자신의 쿼리패턴!
  • 카산드라 사용시 저장공간 크기에 대한 컬럼/로우/SSTABLE/복제/스냅샷들 오버헤드 수치들을 상세히 설명한 블로그 Cassandra Storage Sizing 자동으로 노드크기까지 계산해주는 구글스프레드쉬트 문서도 제공. 멋지다
  • Mouth – UDP로 메트릭을 수집해서 MongoDB에 저장한후 멋진 UI로 보여주는 데몬. StatsD+Graphite+Graphene 을 합친것과 비슷한데 쉬운설치 및 사용이 강점. Ruby로 된 오픈소스

 

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

 

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

  • Gas Mask – 여러개의 /etc/hosts 파일을 만들어두고 단축키로 편하게 바꿔서 적용가능한 OSX용 개발자툴. 리모트 파일까지도 같이 지원. 오픈소스
  • Montage – 모토롤라가 공개한 웹어플리케이션 프레임워크. HTML5 웹앱을 좀더 쉽게 개발하게 해준다고.. UI는 뭐 특별하진 않은데 CommonJS를 완전히 적용했네요
  • Ninja – 모토롤라가 공개한 크롬앱 형태의 HTML5 컨텐츠 저작도구. SVG,Canvas,WebGL 지원. Montage 프레임워크 사용. 플래시랑 비슷한데, 로컬로 쓰려면 서버를 따로 실행해야함
  • FSNetworking – 포스퀘어가 오픈소스로 공개한 iOS용 작은 HTTP 네트웍 라이브러리. ASIHTTPRequest를 쓰다가 잘 맞지 않아서 심플하게 쓸수있도록 개발했다고
  • 모던한 자바스크립트 개발을 위해 준비하기 Module과 IIFE,Namespaces 의 이해를 통해 다른 자바스크립트 라이브러리/모듈들의 코드를 쉽게 이해할 수 있도록 도와주는 글
  • SpahQL – JSON 객체를 위한 Query Language. XPath랑도 비슷하면서, jQuery와도 비슷한 문법을 사용. 특정부분 변경추적도 가능(트리거?) 재미난 시도인듯
  • EpicEditor – 웹앱에 쉽게 임베드 가능한 Markdown Editor 자바스크립트 라이브러리. 전체화면편집,실시간 미리보기,자동 저장,오프라인 편집 지원,테마기능 제공
  • JPEGmini – JPEG 파일의 화질은 유지하면서 1/5 사이즈까지 파일크기를 줄여주는 솔루션. 맥용 앱은 무료(20장제한). 서버 버전은 인스턴스당 유료. 사진을 저장/유통하는 서비스에서는 고려해볼만

 

[ 추천글 ]

  • 화제였던 Valve의 신입사원 안내서가 한글로 번역완료 되었습니다. 자율적이고 수평적인 회사문화를 꿈꾸시는분들께 많은 도움이 될듯. 번역해주신 @SunBKim 님 고맙습니다~!

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

구루의 기술뉴스 : 10억 사용자를 위한 사이트 만들기 외 26건

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

오늘은 페이스북 엔지니어가 발표한 “10억 사용자를 위한 사이트 만들기” 관련내용을 메인뉴스로 잡아봤습니다.

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

  • 10억 사용자를 위한 사이트 만들기 페이스북 발표자료. 제목부터 기죽이고, 내용은 황당할 정도로 멋지네요. 페북은 매30분마다 10테라 로그데이터를 하둡에 저장하고,사진 6백만장 업로드,1억6천만 뉴스피드생성,50억개의 메시지를 전송합니다. 이를 위한 페이스북의 원칙들
    • 페이스북의 원칙:Focus on Impact – VP든 대졸신입이든 부트캠프에 참가. 발표자의 경험 : 첫날 출근하니 메일이 4통. 한통은 웰컴메일,3통은 선택후 수정할 버그들. 개발환경설정하고 코딩해서 버그잡아 리뷰에 보내니, 다음날 수백만명이 사용하게 배포됨. 이를 통해 자신들의 코드 한줄이 만들어내는 임팩트를 경험하여 초기부터 알게되고 신중하게 개발이 가능. 페이스북 부트캠프에는 시니어 엔지니어가 웃긴 모자를 쓰고 돌아다니며 부트캠프에 대한 설명과 더 효율적으로 개발하는 방법을 부트캠퍼들에게 설명한다. 운영팀도 코드부트캠프는 무조건 참여하고, 이게 끝나면 또 ops 부트캠프에 들어간다. 새로 조인한 사람들을 하나의 공통된 과정으로 참여하게 함으로써, 페이스북의 문화를 즉시/공통적으로 체득하게 하는 효과
    • 페이스북의 원칙:Move Fast. 이를 위한 도구중 하나인 Gatekeeper. 간단한 코드로 A/B 테스팅이 가능하게 함. 지역/나이/성별 부터 다양한 옵션으로 몇%단위의 사용자에게 새로만든 코드를 테스트 및 적용할수 있게해 줌. 새 프로세스가 교체될때 캐쉬가 날아가서 이를 다시 채우는데 드는 시간을 줄이기 위해,캐쉬와 프로세스를 분리하고 shm으로 엮었다. 해커쏜을 통해 개발된 기능으로, 많은 페북 개발자들이 사내툴스택에 기여해서 향상중
  • 숫자로 보는 eBay 하둡 & 테라데이터 클러스터에 10페타의 데이터/3억개의 아이템/일일 2억5천만 쿼리/일 20억PV/1억 액티브 사용자/일 750억 DB호출
  • How browsers work Internally HTML5Rocks 에 올라와서 유명해진 브라우저 내부 소개글의 저자 Tali Garsiel의 30분 직강

 

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

 

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

  • 웹브라우저 상에서 15분만에 Git 배우기 GitHub가 멋진 Git 튜토리얼 페이지를 공개했네요.
  • Bootstrap Tour – 트위터 부트스트랩을 이용한 Tour 페이지 만들기. SDK 소개 같은거 만들때 좋겠군요
  • jQuery 1.9와 2.0 FAQ 정리 ie 6/7/8 지원은 1.9가 담당. 2.0은 미지원. 2.0이 업그레이드 되면 1.9도 플러그인 형태로라도 계속 유지보수 예정. 한국은 1.9로 통일되겠군요.
  • LazyLoad – 작고 빠른 단독형태의 이미지 느린 로딩 자바스크립트 라이브러리. 43바이트짜리 최소형 gif를 base64로 넣어놓고 onload/onerror 에 교체하는군요
  • Recline.js – 데이터를 보여주는 웹앱을 만들때 사용하는 자바스크립트 라이브러리. Grid/Graph/Map/Timeline 등의 뷰를 지원
  • 요즘 개발자들 사이에서 에디터 선호도 1위라는 Sublime Text 2 의 필수 사용법 가이드  와 팁 모음 Sublime Text 2 Tips and Tricks (Updated) , 처음 시작할때 보시기에 는 @kingori2 님이 정리하신 Sublime Text 2 로 본격적인 작업을 하기 위한 준비 도 좋습니다.
  • Redactor – jQuery 기반의 WYSIWYG 에디터. TinyMCE/CKEditor보다 훨씬작고 9배이상 빠르다는군요. 모바일까지 모두 지원. 오픈소스 프로젝트에는 무료. 그외는 유료
  • dc.js – Dimensional Charting 자바스크립트 라이브러리. 다양한 데이터들을 조합해서 보여줄때 좋겠군요. 예제는 27년간의 나스닥 100 지수인데, 기간선택에 따라 바뀌는게 멋집니다

 

[ DB,클라우드,웹서버,DevOps ]

 

[ 추천글 ]

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

구루의 기술뉴스 : 구글 I/O 와 iPhone 5주년 외 38건

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

오늘은 지난주에 진행되었던 구글 I/O 2012 와 아이폰 5주년?을 맞아 공개되는 다양한 기사들을 메인뉴스로 잡아봤습니다.

[ 추천글 ]

 

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

 

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

 

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

  • GitHub가 공개한 GitHub Archive를 분석해서 Commit 메시지가 Anger/Joy/Amusement/Surprise 등등 언어별로 어떤 통계를 가지는지 분석한 데이터 Exploring Expressions of Emotions in GitHub Commit Messages
  • Handsontable – jQuery 로 만들어진 엑셀과 비슷한 형식의 편집가능한 테이블 에디터. 깔끔하네요. 간단한 표 보여주거나 가계부 만들때 좋을 듯
  • RoboHydra – 오페라가 공개한 HTTP 클라이언트 테스트 툴. 원하는 응답을 보내주는 서버를 쉽게 만들수 있어서, 앱/클라이언트쪽 테스트가 편하게 도와줌. node.js로 개발됨
  • 웹앱개발자가 꼭 봐야할 구글 I/O 2012세션. Paul Irish 의 Better Web App Development Through Tooling 자막있어서 동영상 보기 편하네요 😉
  • Yeoman – 구글I/O 에서 Paul Irish가 공개한 웹앱용 클라이언트 사이드 툴 + 프레임워크. 요즘 뜨는 웹앱용 개발툴들을 잘 버무린 종합선물패키지. 많이 편해지겠네요
  • Shumway – 모질라가 만든 Flash VM. 자바스크립트 와 HTML5 캔바스로 SWF를 해석해서 보여줌. 예전의 Gordon과 비슷하지만 액션스크립트를 해석하는 VM이 두개 더 들어가서 훨씬 더 향상됨
  • Flac.js – 무손실 압축코덱인 FLAC 음원을 자바스크립트로 재생. 음원디코더를 만들기 쉽게 도와주는 Aurora.js 를 사용. WebAudio API와 연계되면 브라우저의 코덱 종속문제를 해결할수 있을듯

 

[ DB,클라우드,웹서버,DevOps ]

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