본문 바로가기

전체 글

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분에 가깝게 발표하는 민페까지... 이런 여러 불편함에도 불구하고 발표를 들어주신 분들에게 .. 더보기
Android M Developer Preview2 설치 안드로이드 M 개발자 프리뷰가 나오고 두달이 됐고, 더이상 미뤘다가는 정식판이 나와야 설치할 것 같아 잠시 시간을 내어 설치했다. 첫 설치이기 때문에 OTA로는 설치가 안되고 컴퓨터에 연결해서 설치했고 그 과정을 간단히 정리한다. 0. 실행 환경- PC: Mac / Yosemite (크게 중요하진 않을 듯)- Device: Nexus 9 1. 매뉴얼: https://developers.google.com/android/nexus/images#instructions 2. android-sdk 설치- sdk tools only 만 설치- 설치 후 README에 있는대로 tools/android update sdk --no-ui 실행 3. 기기별 이미지 다운로드- 다운로드 페이지: https://develop.. 더보기
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.. 더보기
우리가 일하는 방법 우리 팀은 JavaScript를 사용하여 웹 서비스나 회사 내부의 도구를 만드는 팀이다. 회사에 JavaScript를 전문적으로 사용하는 조직이 처음 만들어진 것이라 과거의 유산을 받을 필요 없이 팀의 개발 방법을 처음부터 하나하나 만들 수 있었다. 이 글에서는 팀을 만들면서 우리가 만들었던 개발 방법을 간단하게 정리한다. 처음 팀이 만들어졌을 때 우리 앞에는 과거 2~3년간 같이 업무를 같이 했다는 경험과 Github이 있었다. 경험은 각자가 가진 생각의 이질감을 줄이는데 도움이 됐고 과거의 경험으로부터 가져올 것과 버릴 것을 결정할 때도 도움이 됐다. Github은 그 자체로써 멋진 도구라는 공감대를 갖고 있었고 이전 회사에서도 SVN 대신 Git으로 이전하기 위한 논의를 진행한 적이 있기에 이견 없.. 더보기
Google I/O 2015 두 번째 날 행사의 두 번째 날이 밝았으나... 이 날은 늦잠을 자고 말았다. 맞춰둔 알람은 제대로 듣지도 못하고 정신을 차리니 시간은 10시를 향해 가고 있었다. 이 때문에 9시 세션이었던 Polymer를 놓치는 불상사가 발생. 다행히 동영상으로도 제공되는 세션이라 최악의 상황은 면할 수 있었다. 오전부터 이번 IO의 기념품(?)인 넥서스9를 나눠주고 있었다. 집에서 이미 사용 중인 테블릿이 한 대 있고 그 활용도가 높지 않은 상태라 그런지 감동같은 감성적인 생각보다는 짬내서 안드로이드 M이나 올려봐야겠다는 생각이 들었다. 아직 올려보진 못했지만. 내심 테블릿 대신 핸드폰을 바랬는지도 모르겠다. 첫째 날 세션 중에 Notifications API가 구현되어 브라우저에 추가된 내용을 발표하는 자리가 있었는데 그 활용.. 더보기
Google I/O 2015 첫 번째 날 올해 초만 해도 막연히 올해 미국을 한 번 가보고 싶다는 흐릿한 목표만 있었다. 이번 구글 IO는 '되면 좋고 아님 말고' 정도의 생각으로 신청했는데 덜컥 당첨되어 다녀올 수 있었다. 이렇게 컨퍼런스를 다녀오면 미국에서의 흐름은 어떤지, 한국과는 어떻게 다른지를 깨달을 수 있어 도움이 되는데 이번 컨퍼런스도 마찬가지였다. 행사장인 모스콘 센터 서관 입구. 오른쪽은 등록을 위한 줄이고 왼쪽은 입장을 대기하는 줄이다. 등록은 행사 전날부터 이루어졌기에 많이 붐비지는 않았다. 등록은 전혀 기다리지 않고 진행할 수 있었다. 행사장에 들어가기 위해 줄은 필수이다. 들어보니 전날 등록을 위해서도 줄을 한참 섰다고 한다. 줄은 모스콘 센터를 둘러싸는 형태로 되어 있었으며 거의 행사장을 한바퀴 감싼듯 했다. 다른 곳에.. 더보기
Swift 문법 간단 정리 #2 functionfunc getColor(string: String) -> (red: Int, green: Int, blue: Int) {}println(“\(returnVal.red) and \(returnVal.green) and \(returnVal.blue)”)func makeColor(c1: Int, c2: Int, c3: Int)func makeColor(withRed c1: Int, withGreen c2: Int, withBlue c3: Int)말을 만드는 것처럼 함수를 호출할 수 있게 (sentence-like)func makeColor(#red: Int, #green: Int, #blue: Int)함수 내, 외부에서 같은 이름으로 파라미터를 사용func makeColor(withRed c.. 더보기

반응형