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

구루의 기술뉴스 : 좋은 UI를 위한 16가지 아이디어 외 32건

구루의 기술뉴스 ( 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,클라우드,웹서버 기술 ]

[ 추천글 ]

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

구루의 기술뉴스 : Gov.uk 영국 정부 웹사이트가 변하고 있다 외 28건

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

최근에 변화하고 있는 영국 정부의 웹사이트에 대해 Gov.uk 가 어떻게 변하고 있고, 어떤 소프트웨어 스택들을 사용하고 있는지를 이번 회의 메인 뉴스로 잡았습니다. 우리가 Active-X / 공인인증서 와 싸우는 동안 남들은 이렇게 바꿔 가고 있군요.

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

  • Gov.uk: how geeks opened up government 영국의 정부 사이트들이 어떻게 변해가고 있는지 보여주는 비디오. 일관적인 UI와 검색까지.. 정말 훌륭!
  • Gov.uk 의 SW스택 nginx/puppet/unicorn/haproxy/varnish/RoR & Sinatra/MongoDB/statsd/graphite 등 요즘 유명한건 다 들어있군요
  • 아마존 3D 프린터 스토어 벌써 별도 페이지 까지 만들어지고 다양한 3D 프린터와 부속,소모품들을 파는군요. 아마존이 빠른건지, 정말로 일반인들도 많이 사는건지.. 궁금합니다.
  • 실전 HTTP Host Header 공격 사례 모음 Varnish는 첫번째 호스트 헤더를 쓰고, 아파치는 모든 호스트 헤더를 합치고, Nginx 는 마지막 호스트 헤더를 쓴다고.. 복잡복잡
  • 실용적인 RESTful API 만들기 최근의 추세를 잘 반영한 가이드. 재미있네요. 제 눈길을 끈건 “결과로 JSON을 이용한다면 camelCase가 기본이지만, snake_case 가 더 읽기는 편하다”
  • 반응형 웹 디자인의 현재 스매슁매거진이 현황을 정리했네요. 결론은 “많은 경험을 쌓았지만 아직 해야 할 것이 많다”
  • High Performance Browser Networking 네트웍 기본부터 무선망에서의 최적화, HTTP 속도 개선 까지를 다룬 책. 얼리 릴리즈 버전이라 무료로 볼수 있습니다
  • 구글이 스마트폰 검색결과에 랭킹변동을 주기 시작 모바일사이트로 잘못 보내거나 오류나는 사이트들은 이제 점점 검색결과에서 제거되겠군요.

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

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

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

[ 추천글 ]

  • 맥킨지가 정리한 Disruptive Technologies 모바일인터넷/자동화/IoT/클라우드/로보틱스/자동운전/3D프린팅 등 176페이지 PDF 리포트
  • WiSee – WiFi 시그널 변동을 포착하여 방/사무실안의 사람(들) 제스쳐를 포착하는 연구 프로젝트. 동영상만 봐서는 만우절 스러운 프로젝트 인데.. 논문이 딱..
  • 구글러 들이 발표한 논문들중 2012년도 우수작 알고리즘/HCI/머신러닝/멀티미디어/NLP/네트웍/Speech 분야에 걸쳐 33개. 구글의 논문들은 미리 살펴볼만한 가치가 있죠 😉
  • Shortcat – OSX 모든 화면의 컨트롤들을 키보드로 조작할수 있게 해주는 툴. Spotlight for the UI 라는 이름 처럼 모든 컨트롤을 Cmd+Shift+Space 누른뒤 검색해서 클릭/입력가능

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