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. 별거
    2021.05.11 완료했습니다.

    \n을 이용해서 <br>과 비슷하게 줄바꿈을 할 수 있다.
  2. Jeong Il Haan
    20210413
  3. 정윤아
    어렵다 한번 더 ㅜㅜㅜ 역슬래시 해도 왜 띄어지지 않는걸까요
  4. 허태민
    21.03.13
  5. byoonn
    완료
  6. 문자열의 표현과 문자의 치환을 간단히 해주는 문법
  7. chimhyangmoo
    2021.02.17
  8. jeisyoon
    2021.02.06 완료
  9. 임찬혁
    완료
  10. ohhigo
    21/1/22 ★★★
    template literal
  11. 2020.12.29 완료
  12. 풀스택개발자
    2020 12 28
  13. 생활둘기
    2020 12 24
  14. kkn1125
    20.12.21 완료~!
  15. 2020.11.03.TUE.
  16. taehoonkim
    완료 :D 2020-10-21
  17. Yong Hyun Lee
    완료 200930
  18. 윤병록
    20.09.23
  19. helloworld
    20.9.7
  20. CodingChan
    2020. 09. 05
  21. OQ the YOUNG
    20200901
  22. 마준
    완료
  23. 커넥티드 허트
    완료
  24. クレヨンしんちゃん
    ${ }
  25. 청색편이
    아 작은따옴표가 아니었군요!! 감사합니다!!
    대화보기
    • var name='NAME';
      var str2=`Hi my name is ${name}`;
      console.log(str2);

      이렇게 하면 됩니다.
      대화보기
      • 청색편이
        var name='NAME';
        var str2='Hi my name is ${name}';
        console.log(str2);

        이렇게 코드를 짰더니 ${name} 이 부분을 문자열로 인식해서
        변환이 안되고 그대로 출력이 되네요 ㅠㅠ
        구글링해도 모르겠던데 혹시 아시는 분?
      • 코딩조아
        20.08.02
      • 뚜따띠또따
        20/07/30 완료
      • psyless
        20200724
        이번 강의 부분은 요즘 핫하다는 강사들도 빼먹고 설명 안하는 부분인데.
        역시 이고잉님 꼼꼼하십니다.
      • Jenny Song
        22/JULY/2020 완료
      • 코딩하는렌즈쟁이
        2020-07-22 (수)
        nodejs templete literal
      • 김혜린
        7월 14일 완료했습니다!
      • 박영호
        출석스!!! 웹페이지 만들고 싶다!!
      • 리다
        20200625
        - literal(리터럴) : 정보를 표현하는 방법 / 기호
        - 자바스크립트에서 줄바꿈 등 특정 동작을 하고자 할때 기호를 사용해야하는 불편함이 있음 ex) 줄바꿈 : \n
        - 문자열과 변수를 같이 사용할 때 +으로 연결해야하는 불편함이 있음
        -> template literal : ` ` 사용하여 안에 하나의 문자열처럼 사용. 줄바꿈 가능.
        -> 변수 : ${ } 로 표현
      • Amousk
        좋은 강의 감사합니다.
      • 이소담
        ` <- 너무 신기하네요ㅋㅋㅋㅋㅋ 졸업한지 한참됐는데 몰랐어요 잘알아갑니다!
      • 2020.06.11
      • 바다의왕자
        완료
      • 김재익
        완료
      • Katherine Roh
        완료 :)
      • 완료~
      • 김유민
        20.04.30.완료
      • 야루
        완료
      • 강윤지
        20.04.20.월 학습완료.
      • Eunsung Shin
        완료
      • 알로
        완료
      • hyun
        완료
      • 준바이
        완료
      • Jung Hyewon
        영문으로 설정된 상태에서 ~ 키 누르시면됩니다.
        대화보기
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기