Korean subtitles

← 01-01 Instructor Introduction

Get Embed Code
6 Languages

Showing Revision 7 created 04/14/2016 by nc_review1.

  1. 안녕하세요, 저는 일리아 그리고릭이고
  2. 구글에서 Developer Advocate와
    웹 성능 엔지니어로 일하고 있습니다
  3. 그러니까, 전 일이 원활히 진행되도록 돕죠
  4. 전 캐머런 피트먼입니다
    저는 Udacity 강의 개발자로 일하고 있고
  5. 웹 개발은 초보라고 할 수 있어요
  6. 이전에 몇 장의 페이지를 만들어봤지만
  7. 속도 향상을 위해 페이지들을 최적화해 본 적은 없죠
  8. 멋진 웹사이트를 만드는 것은
    사용자가 원하는 기능을 적용해줄 뿐만 아니라
  9. 브라우저가 어떻게 작동하는지 이해해서
    빠르고 멋진 경험을 만들어주는 것이죠
  10. 맞아요, 사실 PageSpeed Insights로
    제 페이지를 점검해보았는데
  11. 저의 점수는 꽤 낮았고
    몇 가지 성능 향상 제안을 받았지만
  12. 제가 잘 이해할 수 없는 점들이 있었어요
  13. 예를 들어, 어떻게 렌더링 방해 자바스크립트를 지우는지
    그리고 비동기 스크립트라는 게 무엇이죠?
  14. 아, 좋은 질문들이네요
  15. 그리고 캐머런씨만 그 질문을 궁금해하는 건 아니랍니다
  16. 질문하신 크리티컬 렌더링 경로와 관련한 그 두 질문 모두
  17. 페이지를 렌더링하는 단계의 순서들이거든요
  18. 우리는 브라우저가 모든 일을 한다고 생각하지만
  19. 여러분들이 브라우저가 어떻게 DOM을 생성하고
  20. CSSOM 레이아웃과 페인트를
    어떻게 만드는지 이해한다면
  21. 1초 안에 렌더링되는 페이지를 만들 수 있을 겁니다
  22. 정말 멋지네요
  23. 모든 페이지들을 1초 안에 렌더링 할 수 있으면 좋겠어요
  24. 어디서부터 시작하면 좋을까요?
  25. 음, 먼저 한 시간 정도 시간을 들여야 할 것 같네요
  26. 우선 브라우저가 어떻게 페이지를
    생성하는지부터 시작해보죠
  27. 캐머런씨가 질문했던 페이지 최적화 방법의
  28. 답을 찾을 수 있는 좋은 모델이 될 것 같네요
  29. 멋져요. 해봅시다
  30. 사실, 시작하기 전에 한 가지를 말씀드리자면
  31. 이 강의에서 캐머런씨가 얻어 가고 싶은 것이 무엇인지
    적어보는 것부터 시작했으면 좋겠네요
  32. 좋아요