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

간만에 발행하는 기술뉴스입니다 ^^; Good UI 라는 사이트를 통해서 좋은 UI를 만들기 위한 16가지 아이디어를 전달하고 있는데요. 계속 추가될 예정이라고 합니다. 웹사이트를 만드시는 모든 분들 꼭 한번쯤은 읽어보시기 바랍니다.

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

• Good UI – 좋은 UI를 위한 16가지 아이디어. 단일컬럼/선물주기/비슷한 기능 통합/소셜평가 보여주기/중요액션은 반복노출/클릭가능&선택 아이템 구분/여러개중 추천/확인보다 Undo/타게팅.. 강력추천글!
• 전환율 최적화(CRO)와 A/B테스팅 에 대해 알아야할 25가지 – 전환율은 보통 1~3% 인데 이를 높이는 방법과 A/B 테스팅을 왜 해야하는지 사례들로 정리
• 테크회사들이 주목해야할 5가지 웹 디자인 트렌드 깔끔한 아이콘 / 대담한 색상 / 데이터 통합 / 웹 타이포그라피 / 패럴럭스(Parallax) 스크롤링
• 구글이 어떻게 Organic Search를 죽이고 있는가 구글도 검색결과에서 광고 영역이 점점 늘어나고, 그외의 영역들은 자신들의 제품들로 채우고 있다는 이야기. 국내 포털만 뭐라할 상태는 아닌 듯
• http://MQtest.io – 접속한 디바이스가 어떤 Media Query 에 대응하는지를 알려주는 간단한 툴. 깔끔하네요.
• PHP로 3만 동시접속자를 처리하기 위한 팁 5가지 PHP APC를 써라/.php외 모든파일은 CDN에/코드내에서 다른서버로 접속금지/Varnish를 사용할것/EC2라면 c1.xlarge를 쓸것(8CPU)
• Notes for Gmail – 지메일에 노트 기능을 추가해주는 크롬확장. 서버동기화 되기 때문에 회사에서 같이 공유하는 메일계정에서 노트를 달거나 공유하기에 최적. 레진코믹스도 내부적으로 사용중입니다 😉
• Premailer – HTML 이메일 템플릿 작성시, 웹메일에서 적용 안되는 STYLE 태그의 CSS들을 모두 inline CSS로 변환해주는 도구. 이메일 보낼 일이 많아지니, 이런툴도 찾아쓰게 되네요 😉
• DNS: The Good Parts – 개발자가 DNS에 대해서 알아야할 것들. dig 사용법과 A/CNAME/MX 등 설명
• 구글과 페이스북의 매출/Capex/인프라스트럭쳐 비용 비교 아직 구글이 여러면에서 페이스북을 압도한다는 이야기. 아직 인스타그램과 Parse 는 AWS에서 러닝중.

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

• 더 나은 Android 애플리케이션 만들기 – 두번째 직접 개발중인 안드로이드 앱의 UI/UX 개선사례를 통해 꼭 안드로이드 뿐만 아니라 모바일 앱에서의 UI 고민점을 풀어낸 글
• iOS7 의 숨겨진 기능 10가지 – 전화면 잠금해제/패럴럭스 배경화면/기기간 노티 싱크/페이스타임전화/비디오촬영중 줌/60fps촬영/전화&문자 차단/Flickr&Vimeo연동/쉬운 앱종료/QR코드로 패스북추가
• 사례로 보는 부분유료화(F2P) 기술 – 가상화폐를 통한 결제의 고통 없애기/캔디크러쉬 사가의 스킬게임 vs 머니게임/퍼즐앤드래곤의 Reward Removal/CoC의 프로그레스 게이트 등..
• 앱스토어에 Featured되는 앱들 분석 – 게임은 전체 앱중 16.8% 밖에 안되지만 50%의 피쳐링 비율. 한국만 특이하게 64% 피쳐링이 게임. 브라질은 음악,한국은 아이패드 교육앱에 집중. 정말 좋은 자료
• 안드로이드 앱에 백엔드 추가하기 구글이 안드로이드 스튜디오를 출시하면서 구글 클라우드 플랫폼과의 연계를 더욱 쉽게 만들고 있네요. 간단하게 앱엔진에 GCM 백엔드를 만드는 걸 설명하는 글
• HideOut – 디즈니가 만든 모바일카메라+모바일프로젝터 시스템. 증강현실 동화책 멋지네요. 스마트폰에 프로젝터 붙이는게 우스워 보였는데, 이렇게 만들면 정말 좋을 듯
• 크롬캐스트와 함께한 하룻밤 웹에 있는 모든 것(아마존/훌루/Rdio/플리커..)을 TV에서 볼수 있다. 현재 몇개 안드로이드앱은 지원하고 iOS/퀵타임은 미지원. 여행 필수품. USB전원은 티비의 USB포트에 연결하면 케이블은 보이지 않는다고.
• Calca – 인간적인? 계산기 Soulver 보다 훨씬 진화된 계산기네요. 마크다운 수준의 편집기능까지 포함. 변수/함수/행렬 부터 로직까지.. 맥/아이폰/아이패드용

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

• 자바스크립트 이제 충분해요! 너무 많은 JS남발로 속도가 느려지는 사이트들에 대해 속도개선을 위한 기본제안들. 서버/HTML/CSS/JS가 각자 할일하기. JS로딩 시간 4가지중에서 선택하기
• LocalTunnel – 로컬 웹서버를 외부에서 접근하게 만들어주는 툴. gem 으로 설치하고 localtunnel 8000 처럼 실행하면 외부 URL이 생겨서 접속가능. 편리하네요
• 파이낸셜 타임즈 Web App 개발기 : Coding Responsively HTML5적용 성공사례로 유명한 FT의 사례 발표
• Inquirer.js – Node.js 를 위한 공용 커맨드 라인 인터페이스 제작용 라이브러리. 리스트,체크박스,Y/N,입력,암호 등. 깔끔하군요
• Git & GitHub Secrets – 당신을 좀 더 생산성있게 만들어주는 팁들. 무려 186페이지 슬라이드. 깃허브의 이모티콘들 이쁘네요 :clap: :+1: :-1: 발표동영상은 곧 올라온다고

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

• ansible – 모델기반 Configuration 관리 시스템. SSH를 사용해서 특별한 SW설치 없이 멀티노드 디플로이/오케스트레이션 가능. JSON 리턴이 가능한 모든 언어로 모듈작성하여 확장가능
• CloudFoundry 를 Vagrant에 설치하기 – PaaS 를 가상머신에 설치해서 테스트용으로 혼자 쓰는 방법이네요. 저안에서 돌아가는 앱은 2단계 가상환경안에서 도는거네요.
• 트위터의 1억5천만 액티브유저,300K QPS,22MB/S 파이어호스,일 4억트윗을 감당하는 아키텍쳐 타임라인과 Pull 기반 실시간 스트림 등.
• 드디어 Top 1000 웹사이트들의 웹서버로 Nginx 가 1등을 차지 – 34.9%로 34.5%인 Apache 를 앞섰네요. Nginx는 11년전 러시아 Rambler 사이트에 첫 런치후 대단한 행보
• 트위터의 정보기반으로 영화평점을 매겨주는 Filmgrain서비스의 백엔드 아키텍쳐. 파트1 – 모든것이 Redis 파트2 – HTTP 가 아닌 TCP API를 선택한 이유
• Ruby on 클라우드 비교. Heroku vs EngineYard vs Elastic Beanstalk Heroku의 단점이 눈에 띄는군요. “수동 스케일링 해야한다.” 설마 이정도일려나..
• 구글 앱 엔진 1.8.2 릴리즈 전용멤캐쉬 추가 (GB당 12센트/H), 버전보다 상위개념인 Module 추가. 한 어플리케이션을 여러개의 모듈로 분리가 가능해짐
• Node Inspector – 크롬의 Blink 개발자 도구와 웹소켓을 이용한 Node.js 디버거. 크롬에서 원격 디버깅 하면서, 러닝되는 코드의 라이브에디팅 지원. 노드는 점점 좋아지는군요

[ 추천글 ]

• 스택소셜이 제공하는 맥사용자를 위한 1000개의 무료폰트
• 색상이 어떻게 구매에 영향을 미치는가 ? 색상은 브랜드인지도를 80% 높이는 효과. 붉은색은 에너지/긴급/세일,파란색은 신뢰/보안,핑크색은 로맨틱/페미닌,블랙은 럭셔리,보라색은 편안함

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