글쓴이 보관물: xguru

구루의 기술뉴스 – GitHub가 만든 차세대 에디터 Atom 외 20건

댓글 남기기

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

오늘의 메인뉴스는 GitHub가 공개한 차세대 에디터 Atom 입니다. Sublime Text 이후 개발자를 위한 이렇다 할 에디터가 나온 적이 없는데, GitHub가 오랫동안 준비했다는 야심작이 튀어나온 터라, 높은 관심을 받고 있습니다. 물론, 아직 오픈소스가 아니고, 맥만 지원하고 , 자바스크립트 기반이라 느리다는 비난들도 있긴 합니다만, 웹기술에 기반하여 만들어져서 다양한 확장을 기대해볼 수 있을 것 같습니다. 추가적으로 QCon 2013에서 페이스북의 Christian Legnitto 가 발표한 페이스북의 모바일 릴리즈 프로세스 자료도 꼭 한번 보시길 권해드립니다.

[ 프로그래밍/HTML5/Javascript ]

  • Atom – GitHub가 공개한 Chromium 과 Node.js 를 포함한 웹기술로 만들어진 데스크탑 에디터. SublimeText 와 비슷한 UI를 가지지만, 설정쪽은 더 편리. Sublime Package Control 기능을 npm과 비슷한 apm이라는 내장 기능이 대신 수행.
  • Bucky – 사용자 브라우저에서 직접 웹 앱의 속도를 측정하는 툴. 클라이언트측에서 전송한 데이터를 Node로 작성한 서버가 받아서 statsd+graphite 나 OpenTSDB 등으로 전달
  • 자바스크립트 Promise 안티패턴 모음 – Nested / Broken Chain / Collection / Ghost Promise 등
  • Headroom.js – 탑메뉴를 스크롤다운할때 없앴다가 올라갈때 다시 보이게 하는 순수 JS 위젯. CSS 클래스 하나만 추가하면 되고, jQuery 와 Angular.js 에서 쉽게 쓸 수 있는 코드도 제공

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

  • 페이스북의 모바일 릴리즈 프로세스 – 발표 동영상 @ QCon 2013 . 모바일팀이 앱을 소유하고 피쳐를 만드는 형태에서, 각 피쳐팀이 모바일 코드를 직접 커밋하는 형태로 변경. 4주 개발하고 3.5주 안정화 후 RC. 개밥먹기의 일상화
  • Design for Performance Etsy 의 모바일웹 엔지니어링 매니저가 이야기 하는 그들의 최적화 기법
  • xctool – 페이스북이 공개한 iOS/Mac 빌드 툴. XCode랑 똑같이 테스트 실행 (애플이 제공하는 xcodebuild 가 신기하게도 이 테스트를 수행하지 않음..) CI연동을 위해 아웃풋을 JSON 으로 출력. 아웃풋 컬러링지원. 테스트병렬수행으로 2-3배 빠름
  • Buck – 페이스북이 공개한 안드로이드/자바 빌드툴. Ant로 빌드하는 거보다 2배이상 빠르고, IntelliJ 프로젝트를 만들어주기 때문에 IDE 빌드와 CI 빌드에 동시 사용가능

[ DB,DevOps,클라우드 및 대용량 시스템 ]

  • http://go.cd – ThoughtWorks가 만든 “지속적 통합 & 배포 자동화” 툴. 다양한 OS용 서버와 에이전트 지원. Go언어랑은 상관없는 이름. 아직 소스코드는 공개준비중.
  • Graph Explorer  – Vimeo가 만든 Graphite 대쉬보드. GEQL 이라는 쿼리랭귀지를 지원해서 다양한 메트릭으로 부터 원하는 그래프를 쉽게 만들어 낼수 있도록 지원
  • Vagrant 1.5 버전에 들어가는 Vagrant Share 기능 프리뷰 자신의 Vagrant 머신을 외부에 공개해서 팀원이 회사 내부 또는 인터넷 어디서나 접속해 볼수 있도록 하는 기능
  • 구글앱엔진 1.9.0 릴리즈 앱을 잘게 쪼게서 배포/관리 및 설정할 수 있게 해 주는 Modules가 GA로 등극. MapReduce가 Preview 피쳐로 포함되며 Cloud Storage와 기본 연동
  • Coding for SSDs – 개발자를 위한 SSD 이해하기 6부작. 많은 분들에게 필요한 것 같진 않지만.. 파트6 Summary 만 읽어놔도 SSD에 대해 많이 이해할 수 있습니다

[ IT 관련 뉴스 ]

  • Berg – 하드웨어를 위한 클라우드 서비스. 다양한 기기를 REST API로 연동하여 웹사이트/모바일 앱에서 연결할 수 있게 해줌. IoT 디바이스를 위한 백엔드 느낌이군요.
  • CloudWash – Berg 클라우드 서비스를 이용해서 만든 네트웍 연결된 세탁기 프로토타입. 뭘 그런걸 다 연결하고 그래.. 하고 봤는데 나름 재미나네요. 6분짜리 시연 동영상
  • 드롭박스의 비디오프로세싱 이야기 ffmpeg + HLS 로 직접 스트리밍 하는군요. 비디오 초기 시작시간을 줄이기 위해 일부분만 프리트랜스코딩 하고 나머지는 요청시에 실시간으로
  • GV Library – 구글벤처스가 창업자들의 성공을 위해서 제공하는 기사/가이드/비디오 모음.  디자인/창업자인터뷰/프로덕트관리/인재채용/엔지니어링/창업가정신/리더쉽/마케팅 에 관한 다양한 볼거리들
  • First Time UX – 각종 모바일/웹 서비스들의 첫인상/좋은점/개선점등을 상세한 스크린샷과 함께 정리한 블로그
  • 구글 I/O 2014 일정공개 6/25-26 특이한건 새로운 신청시스템을 만들어, 신청한 사람중 랜덤으로 선택되는 방식이라고.. 가고 싶어도 못가는 사태가 ㅠㅠ

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

구루의 기술뉴스 – 모바일&웹 UI/UX 라이브러리 사이트들 외 20건

1 댓글

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

오늘의 메인뉴스는 기술쪽이 아닌 UI/UX 쪽을 선정했습니다. 모바일앱이나 웹에서 다양한 UI/UX 들이 선보이고 있어서, 다른 서비스들이 어떻게 하고 있는 가를 살펴보는 것도 중요한 일이 되었습니다. 초기에는 Pttrns 나 Android Niceties 처럼 카테고리로 스크린샷만 나와 있는 사이트들이 꽤 만들어 졌었는데, UYI 같은 경우는 애니메이션 GIF로 보여주거나, UX Archive 와 같이 단계별로 캡쳐한 사진으로 쉽게 살펴 볼수 있도록 도와주고 있습니다. 꼭 한번씩 들러보시기 바랍니다.

[ UI / UX / Design ]

  • UYI – User Interaction Library 여러 사이트에서 사용되는 다양한 신 UI들을 쉽게 감상할 수 있도록 애니메이션 GIF들로 보여줍니다. 감상하기 좋네요.
  • UX Archive – 다양한 아이폰 앱들의 UX 요소들을 보기 좋게 정리한 사이트. 동작 기반으로 정리해서 찾아보기 쉽고, iOS6과7 비교도 도 좋네요.
  • Pttrns – 다양한 iOS 앱들의 UX 요소들을 정리한 사이트. 꽤 오래되어서 방대한 양을 자랑합니다.
  • Android Niceties – 특이?하게도 UI가 잘 만들어진 안드로이드 앱들을 정리해서 보여주는 사이트. 보통 이런 사이트는 iOS만 많은데, 안드로이드 개발자들에게는 단비같은 사이트
  • 식상한 UX 패턴과 그 대안들 – Carousel/큰 이미지 배경/메가메뉴/오버레이/글 중간 관련글 링크 등을 쓰지 말라고..
  • 디자이너들이 사진/그래픽/아이콘들을 얻는 곳 정리 무료 이미지 검색엔진 Pixabay,무료 아이콘들 iconmonstr,무료 디자인 리소스 Graphic Burger 등.
  • 웹 디자이너를 위한 교육 사이트 모음 스매슁매거진이 정리한 링크들. 꼭 디자이너용이라고 볼수 없는 다양한 온라인 교육사이트 정리

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

  • Smart App Banner 모바일웹에서 iOS 앱 설치 홍보를 위해서 페이지 상단에 보여주도록 한 애플의 스마트 배너기능을 안드로이드 까지 지원하게 확장한 오픈소스
  • 구글앱스를 쓰시는 분들을 위한 Google Admin for iOS 앱이 나왔군요. 구글앱스 전체 관리가 되는건 아니고, 사용자 및 그룹만 관리가능
  • 구글플레이서비스 4.2에 포함된 새 Client API Model GoogleApiClient로 클래스 통합,API 콜 큐잉 가능,동기/비동기 호출 선택 가능

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

  • Netflix 의 Reactive REST – REST API성능 개선을 위해 만든 Falkor. JSONG 와 JSONG Path 등. 넷플릭스 시스템에 딱 핏되어 있어 보여서 쓰기는 어렵겠지만 재미나네요
  • 언어광을 위한 DART – DART 언어에 대해 깔끔한 코드로 정리한 슬라이드 총 115P. 뒤로 가면 좀 복잡해 지지만, 앞 부분만 스윽 보면서 어떤 언어인가 둘러보기는 좋네요
  • jQuery Notebook – 깔끔한 WYSIWYG 리치 텍스트 에디터. 툴바를 없애고 글 일부 선택시에만 날라서? 나오는 스타일창이 나름 신선하네요
  • InstantClick – 마우스가 링크위에 올라갔을때 웹사이트를 프리로딩 하도록 해서 웹사이트 로딩을 빠르게 만들어주는 플러그인. PJAX ( pushState + AJAX ) 를 이용
  • Sublimall – SublimeText 의 모든 설정을 저장해서 여러 기기간에 싱크할수 있도록 도와주는 플러그인.  완전 무료에 오픈소스. 설정 내용 또한 암호화 되어서 서버측에서 볼수 없다고

[ DB,DevOps,클라우드 및 대용량 시스템 ]

  • Hootsuite의 Log Streaming 모든 로그를 한개의 레벨로 LogStash에 보낸후 정제, BI데이터는 Hadoop으로, 디버깅 데이터는 ElasticSearch로, 사용자 이벤트는 양쪽 다 보냄
  • Chartbeat이 EC2상에서 튜닝한 사례공개. Part 1: Lessons learned tuning TCP and Nginx in EC2, Part 2: Lessons learned tuning TCP and Nginx in EC2 – Dyn DNS로드밸런싱에서 ELB로 변경 및 TCP튜닝후 응답시간 98.5%감소 200ms -> 3ms
  • Stripe,Tapad,Etsy,Square의 데이터 파이프라인 알아보기 –  주 사용 기술로 HDFS/Parquet/Thrift/Kafka 등을 들어서 설명하는데.. 데이터 규모에 상관없이 어떻게 파이프라인을 구축할 것인가가 기업에게 중요하다는 얘기
  • Blockade – Docker 기반으로 분산시스템에 대해 다양한 네트웍 에러를 테스트해볼수 있는 유틸리티. 시스템간 통신을 느리게,에러많게 편하게 바꿔가면서 테스트 가능
  • Nagios를 쓰지맙시다! Stop using Nagios (so it can die peacefully) – 누구나 다 쓰기 때문에 쓴다면 쓰지말자고 얘기하는 재미난 슬라이드. 말하는 대안은 Sensu+Graphite+Flapjack 지만 아직 UI와 이상탐지는 탁월한 대체제가 없다고..
  • Microsoft 관점에서의 DevOps – 요즘 MS쪽을 전혀 안봐서 몰랐는데 많이 변했군요. Agile해진 비주얼스튜디오,Chef-Knife-Azure 의 연동,New Relic과 Azure 의 연동,Cloud OS등

[ IT 관련 뉴스 ]

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