본문 바로가기

Rail

High performance web user interfaces 요약 Google I/O 2016에서 웹쪽 주제로는 첫 번째 세션이었던 High performance web user interfaces 를 요악합니다. - Progressive Web Apps - 여러 기능을 사용하기 위해서는 HTTPS가 필요 - push messaging, offline 혹은 좋지 않은 접속 상태 (by service worker)- 사용자는 native app처럼 생긴 앱은 native app 처럼 동작하기를 기대한다. - 동작(behaves)은 두 가지로 나뉜다. - performance, interaction- Performance - RAIL - 퍼포먼스를 고려할 때 사용자를 중심에 두고 생각하는 모델 - Response (0.1 sec), Animation (16ms), Idle.. 더보기
What's new in Chrome DevTools? by Addy Osmani 간단 정리 지난 9월 16~17일간 토론토에서 열렸던 WEB UNLEASHED 2015에서 Addy Osmani가 발표한 What's new in Chrome DevTools?를 간단하게 요약했다. 발표자료와 동영상이 각각 제공되고 있으니 관심있는 분은 꼭 원본 자료를 살펴보기 바란다. 발표자료보다 동영상에서 확인할 수 있는 내용이 많으므로 자료를 살펴볼 결심을 했다면 동영상을 볼 것을 추천한다. DevTools 공통- DevTools 상단의 메뉴탭의 위치를 drag & drop으로 변경 가능- Console에서 다양한 syntax highlighting 지원 Network Panel> Filmstrip 지원 - 시간별로 스크린샷을 기록. - 실제 화면에 렌더링되는 내용을 알 수 있음.> Throttling - 브.. 더보기
Performance and RAIL 지난 7월 12일 열렸던 Google I/O Extended 2015 서울에서 발표한 자료를 여기에 공유한다. 이 행사는 Google I/O 2015를 기념하여 I/O 행사에서 발표된 내용을 다시 공유하는 행사로써 국내의 다양한 Google Developer Group이 연합하여 진행하는 행사이다. 휴일이었지만 하루 종일 비가 와서 다소 부담스러운 날이었는데도 불구하고 천여명에 가까운 분들이 참석한 행사였다. Performance and rail from JeongHwan Jang 정보를 전달하는 이런 발표는 매번 지루해지곤 했는데 이번에도 다를 바가 없었다. 게다가 3~40분 내에 끝내시는 다른 분들에 비해 50분에 가깝게 발표하는 민페까지... 이런 여러 불편함에도 불구하고 발표를 들어주신 분들에게 .. 더보기
Performance Guide RAIL 요약 지난 5월 초 라스베가스에서 열렸던 LoopConf의 세션 중 Performance Guide RAIL를 요약했다. 동영상은 여기서 볼 수 있다. Performance- Performance는 성공적으로 실행되는 방법의 관점에서 살펴보는 행동, 작업, 활동이다.- 성공의 의미: 성공이란 인간 두뇌의 지각 반응이 기대하는 바를 충족시키는 것이며, 사용자에게 초점을 맞추면 다른 것들은 따라온다는 것 RAIL 성능 모델 - Response, Animation, Idle, Load Response- 목적: 즉각적이라고 느끼도록 100ms 내에 반응- 반응 속도에 따른 느낌을 알 수 있는 비디오: https://www.youtube.com/watch?v=vOvQCPLkPt4 (Applied Sciences Gro.. 더보기
Google I/O 2015 두 번째 날 행사의 두 번째 날이 밝았으나... 이 날은 늦잠을 자고 말았다. 맞춰둔 알람은 제대로 듣지도 못하고 정신을 차리니 시간은 10시를 향해 가고 있었다. 이 때문에 9시 세션이었던 Polymer를 놓치는 불상사가 발생. 다행히 동영상으로도 제공되는 세션이라 최악의 상황은 면할 수 있었다. 오전부터 이번 IO의 기념품(?)인 넥서스9를 나눠주고 있었다. 집에서 이미 사용 중인 테블릿이 한 대 있고 그 활용도가 높지 않은 상태라 그런지 감동같은 감성적인 생각보다는 짬내서 안드로이드 M이나 올려봐야겠다는 생각이 들었다. 아직 올려보진 못했지만. 내심 테블릿 대신 핸드폰을 바랬는지도 모르겠다. 첫째 날 세션 중에 Notifications API가 구현되어 브라우저에 추가된 내용을 발표하는 자리가 있었는데 그 활용.. 더보기