Node.js

JavaScript - Template Literal

수업소개

여러줄로 이루어진 문자열의 표현과 문자의 치환을 쉽게 할 수 있는 기능을 제공합니다. 

 

 

 

강의

 

 

 

소스코드

var name = 'k8805';
// String literals
var letter = 'Dear '+name+'\n\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '+name+' Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa egoing qui officia deserunt mollit anim id est laborum. '+name;

// Template literals
var letter = `Dear ${name}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ${name} Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ${1+1} Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa egoing qui officia deserunt mollit anim id est laborum. ${name}`;

console.log(letter);

 

댓글

댓글 본문
작성자
비밀번호
  1. 박창신
    수강완료
  2. Seock-In Kim
    와 Template Literal.. 처음 알았네요 와.. 이건 신세계..
  3. 쑤우
    수강완료. 감사합니다~
  4. 굼벵이
    완료
  5. CronEB
    와 좋네요 항상 끊고 + 썼었는데 .... 역시 배워야 ..
  6. YesterdayKite
    완료. 감사합니다.
  7. 야망쟁이
    c언어와 같이 \n으로 줄바꿈을 하는군요 ㅎㅎ 그래도 그 뒤에 나오는 template literal 이 더 간단하네요!
  8. 아미쓔
    템플릿 리터럴 완전 신박.
  9. 이루
    완료!
  10. 위준우
    완료
  11. 현호
    완료
  12. 통신 MDP 너무 좋아 ^_^
    완료 ^______________________________________^
  13. 통신 MDP 좋아 ^_^
    완료 ^____________________________________^
  14. 자유로움
    완료
  15. ㅇㅇ
    완료!!
  16. supernet
    완료
  17. 도토리묵
    완료
  18. 지미츄
    감사합니다.
  19. 귤민파파
    오 웹을 하면서 가장 불편했던 문자열과 변수를 합치는 부분이었는데...
    감사 합니다....
  20. JuicyFresh
    확인
  21. \n
    n까지 작성하셔야 줄바꿈됩니다.
    대화보기
    • egoing
      Nodejs는 서버쪽 기술이기 때문에 사용 가능합니다. :)
      대화보기
      • noamboy2006@gmail.com
        이것은 일반적인 웹페이지를 만들떄에도 사용이 가능한 것이 겠지요?
      • noamboy2006@gmail.com
        https://developer.mozilla.org......ity

        그런데.... 이것은 IE에서 지원이 안 되어서 보편적 사용이 불가능할 것 같은데...
        (뭐 보편적이지 않은 코딩이라는 모토도 있고... IE쓰는 사람은 없으니...)(IE쓰면 나무늘ㅂ... 퍼퍽)
      • 소금돌
        ${name} ->변수 name 값을 출력
        ${1+1} -> 상수2 를 출력
        ` 과 '의 차이는...
        `는 문자 리터널로 화면에 보이는 데로 출력하고 '는 문자를 코드로 인식한다.
      • ジョンソク
        完了しました。
        いつもありがとうございます
      • Yeabbi
        완료
      • 저는 백슬레시를 치면 줄이 바뀌는게 아니라 인덴트로 표시가 되네요.. 이유가뭘까요
      • 고스트프리
        php 문법하고 비슷하네요. 좋은 정보 감사합니다.
      • 김양지
        유익한 강의 감사합니다 이고잉님!
      • 삼고잉
        잘읽었습니다
      • 장만호
        줄바꿈을 할 때 줄마다 리터럴이 표현이 안되면 에러가 나는데 어떤 설정을 해야되나요 수업듣는중 제가 놓친거 같습니다. ㅠㅠ..
      • colley
        퍼블링싱 수업받는데 form과 광버위한 어플리케이션 제어를 위해 부족한 강의를
        항상 채우고 있습니다. 감사합니다. ㅠㅠ
      • moon
        감사합니다.
      • Seo Yun Seok Tudoistube
        저두 첨 해보는데 소스 그대로 붙여서 해봤는데 강의대로 나옵니다.
        Template Literal 정말 유용한거 같아요.
        감사합니다^^!
        대화보기
        • Hyunki Yu
          Template literal
          글자 그대로 나오는 본.
        • 올바른아이
          감사합니다.
          기존에 javascript는 사용하고있었지만 Template Literal이라는건 수업을 통해 처음 알게되었어요!
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기