YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Korean subtitles

← Mixing replace() and append() - JavaScript Basics

Get Embed Code
6 Languages

Showing Revision 8 created 04/06/2016 by nc_review1.

  1. HTML은 페이지의 내용을 정의합니다

  2. 텍스트를 바꾸는 법을 배웠고
  3. placeholder를 실제 값으로 바꿀 수 있어요
  4. HTML 문자열만 append 하면
    이력서를 만들 수 있다는 거죠
  5. >>helper.js를 한번 볼까요
  6. 이쪽 화면을 보면 마법 같지 않나요
  7. 여기에 프로젝트를 도와줄 정보가 있습니다
  8. helper.js가 
저 아래의 resumebuilder.js보다
  9. 먼저 나오기 때문에
  10. resumebuilder.js를 쓸 때는 helper.js의 모든 데이터를
  11. 사용할 수 있어요
  12. 문자열 변수가 보이네요
  13. HTML mobile, HTML email 

    그리고 HTML twitter 같은 것들이요
  14. 각 문자열 변수는 %data%라는
    placeholder을 가지고 있어요
  15. 여기랑 여기에요
  16. %data%는
 실제 데이터와 바뀔 거예요
  17. >>어떻게 바뀌는 건가요?
  18. >>awesome을 fun으로 바꾼 것처럼
    replace 메소드를 쓰는 거죠
  19. >>봅시다
  20. >>제 이름을 올바른 형식으로 페이지에
    나타나게 하려면
  21. 새로운 변수를 만들어서
    제 데이터를 가진 HTML을 저장해야겠죠
  22. formattedName이라는 변수를 저장하고
  23. =HTMLheaderName.replace("%data%", )
    를 입력하고
  24. 그 안에 이름이 저장된 변수를 넣습니다
  25. 그리고 formattedName을 header에 고정시키겠습니다
  26. 자 보세요
  27. 제 이름이 제대로 나타났네요
  28. >>정말 근사해요