카테고리 보관물: 구루의 세상사는 이야기

구루의 기술뉴스 – 모바일&웹 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리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

구루의 기술뉴스 – 오픈소스 수퍼 루키 10선 외 23건

1 댓글

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

오픈소스 검출을 도와주는 소프트웨어 BlackDuck 개발사에서 매년 뽑는 “오픈소스 루키 10선”을 메인 뉴스로 선정했습니다. 이중에 Docker 와 Ghost 는 최근에 정말 많이 얘기되는 것들 중에 하나이고, Appium이 많이 재미있어 보입니다. 또한 스타트업들을 위한 프로덕트 만들기 / 투자를 위한 질문들 / 시드 펀딩 받기 등도 한번쯤 읽어 두실만 합니다. 시드 펀딩 가이드는 한국판이 나오면 좋을 것 같다는 생각도 드는군요.

[ 추천글 ]

  • 올 한해 계속 기억해야 할 오픈소스 수퍼 루키 10선 Appium / Docker / Exercism / Ghost / InfluxDB / OpenDaylight / OpenIoT / Serverspec / Tox / XPrivacy
    • Appium – 모바일앱을 위한 테스트 자동화 프레임웍. iOS의 UIAutomation, 안드로이드의 UiAutomator,FirefoxOS에선 Marionette. JSON wire로 묶어 통합 API로 제공
    • Docker – 어플리케이션 운영/배포를 위한 초경량 다목적 포터블 컨테이너. VM기반이 아니지만, 독립적으로 운용되는 앱들이 바이너리와 라이브러리를 공유. Build Once, Run Anywhere
    • Excercism – 프로그래밍 능력을 향상시키기 위해 매일 발생하는 실전적인 문제들을 제공하고, 크라우드 소싱 방식으로 코드 리뷰를 하는 오픈소스. 현재 클로져/JS/Go/펄/파이썬/루비등 12개 언어 지원
    • Ghost – 최근 뜨고 있는 오픈소스 블로깅 플랫폼. Node.js 로 개발되고 마크다운 으로 글 작성. 좀 더 트렌디한 워드프레스 라고 보면 될듯. 사업모델도 비슷. 코드는 오픈소스. 호스팅은 유료
    • InfluxDB – 분산 시계열 DB  각종 함수와 쿼리 지원으로 메트릭,이벤트,분석 데이터를 담는데 최적. HTTP API가 있어서 자바스크립트에서 바로 호출가능하고, 기본 관리자 페이지를 확장도 가능
  • 스타트업을 위한 프로덕트 만들기 3부작
  • 투자하기 전에 묻는 질문 10가지
    • 왜 이 일을 하는가 ?
    • 니즈가 있는가 ?
    • 무엇이 잠 못들게 하는가 ?
    • 다음 단계는 ?
    • 다음 채용할 사람은 ?
    • 가장 큰 위험은 ?
    • 경쟁상대는 ?
    • 트랙션은 ?
    • 왜 그만큼 돈을 필요로 하는가 ?
    • 뭘 도와줄까 ?
  • Seed 펀딩 받기 ( Raising Seed Capital )  스타트업 초기에 투자 받는 방법과 단계들을 정말 잘 정리한 슬라이드. 펀딩종류/준비할것/피칭/피칭후 해야할 것/각종 리소스 등. 중간중간 있는 창업자 들의 한마디도 재미남. 국내와는 좀 다른 부분들이 있어서, 그 부분들은 빼고 보더라도 한방에 정리해 볼수 있어서 좋네요. 무려 82페이지

[ IT 관련 뉴스 ]

  • Zynga는 왜 잘못되었나 ? – 대규모운영/다양한콘텐츠/사용자유입과 유지는 잘 했지만, 새로운 게임을 만들기 위한 단단한 팀을 만드는데 실패. 즉, 고전적인 혁신기업의 딜레마에 빠져서 변화하지 못했다는 것
  • 애플,구글,MS의 매출 분석
    애플: 아이폰55/아이패드18/맥13/아이튠즈9
    구글: 구글웹사이트광고62/구글네트웍멤버사이트21
    MS: 커머셜라이센스47/컨슈머라이센스23/하드웨어14
  • 미래의 프로그래밍에 대한 12가지 예상 GPU가 다음CPU가 될 것/DB가 분석 기능을 가지게 될것/자바스크립트 가 모든곳에 사용/안드로이드 가 모든 기기에 장착 / IoT / 플러그인 개발도 한축으로.. 몇몇 예상은 재미없지만, 볼만한 리스트

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

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

  • Origami – 페이스북이 Paper 앱을 만들면서 사용한 빠른 프로토타이핑용 툴. 무료인 맥용 Quartz Composer 의 플러그인. 근데 Quartz Composer는 애플에서도 이미 버린거 아니었나..
  • 초보자를 위한 인바운드 앱 마케팅 가이드 – 웹사이트로 SEO/CTA/비디오&스크린샷/추천사. 소셜로 공유하게 만들기,공유하는 유저에게 인센티브 주기, 앱인덱싱
  • 페이스북 Paper앱의 제스쳐 동작은 좋지만 손이 아프다 – Thumb Zone 템플릿을 참고해서 아래쪽 스와이프 영역이 녹색 Natural존에 맞도록 키워 달라는 이야기
  • Conceal – 페이스북이 공개한 안드로이드용 암호화 도구. 앱이 저장한 대용량 데이터를 훨씬 빠르게 암호화 할수 있도록 지원. 특별한 암호화 알고리즘을 개발한게 아니고 OpenSSL것을 사용. 메모리를 최적화

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

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

  • Drone – Docker 기반의 오픈소스 Continuous Integration 플랫폼. Go로 작성되었고, GitHub와 연동. 빌드 완료시 이메일/힙챗/웹훅 으로 노티 가능

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