Return to Video

05-24 Customize_the_Portfolio

  • 0:01 - 0:05
    이력서를 만드는 멋진 도구를 알려드릴게요
  • 0:05 - 0:08
    우선 지도를 넣는 건 정말 쉬워요
  • 0:08 - 0:10
    스크롤을 내려서 볼까요
  • 0:10 - 0:13
    Where I’ve Lived and Worked라는 지도가 있네요
  • 0:13 - 0:17
    제임스가 일한 곳이 표시되어 있군요
  • 0:17 - 0:19
    이 지도를 이력서에 넣는 건 간단합니다
  • 0:19 - 0:23
    다시 개발자도구를 열고 source 창에 들어가서
  • 0:23 - 0:26
    resumeBuilder.js에
  • 0:26 - 0:30
    $(“mapDiv”).append(googleMap); 을
    추가하면 됩니다
  • 0:30 - 0:35
    helper.js 에 여러분이 살았던 곳, 일했던 곳 등을
  • 0:35 - 0:39
    자동으로 지도에 표시해주는 쉬운 함수가 있어요
  • 0:40 - 0:42
    이 코드를 추가하면 어떻게 되는지 보죠
  • 0:42 - 0:47
    helper.js에 있는 함수는 resumeBuilder.js에서 만들어진 JSONS를 사용합니다
  • 0:47 - 0:51
    위치를 반복하다가 구글 검색으로 위치를 찾고
  • 0:51 - 0:54
    결과를 지도에 표시합니다
  • 0:54 - 0:55
    멋지죠?
  • 0:55 - 0:58
    연습 문제를 풀어볼 시간을 드릴 테니
  • 0:58 - 1:02
    그때 어떻게 실행되는지 보시길 바랍니다
  • 1:02 - 1:05
    꼭 Google Map이 아니더라도 여러분의 이력서를
  • 1:05 - 1:08
    재미있게 만들 수 있는 선택지가 많아요
  • 1:08 - 1:13
    CSS를 편집해서 이력서의 스타일을 바꿀 수도 있어요
  • 1:13 - 1:18
    CSS를 잘 모르시면 저희 강의 중 HTML과 CSS 강의를 찾아보세요
  • 1:18 - 1:19
    instructor’s note에 있습니다
  • 1:20 - 1:23
    D3 같은 라이브러리의
  • 1:23 - 1:25
    차트로 시각화 시킬 수도 있겠네요
  • 1:26 - 1:27
    그것도 좋네요
  • 1:27 - 1:31
    D3에 멋진 차트, 그래프, 시각 자료가 많습니다
  • 1:35 - 1:37
    instructor’s note에 있는 링크도 확인해보세요
  • 1:37 - 1:39
    멋진 이력서를 볼 수 있을 겁니다
  • 1:39 - 1:43
    영감을 얻어 여러분의 이력서를 꾸며보세요
Tytuł:
05-24 Customize_the_Portfolio
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud804 - Javascript Basics
Duration:
01:44

Korean subtitles

Revisions Compare revisions