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. 2020.11.03.TUE.
  2. taehoonkim
    완료 :D 2020-10-21
  3. Yong Hyun Lee
    완료 200930
  4. 윤병록
    20.09.23
  5. helloworld
    20.9.7
  6. CodingChan
    2020. 09. 05
  7. OQ the YOUNG
    20200901
  8. 마준
    완료
  9. 커넥티드 허트
    완료
  10. クレヨンしんちゃん
    ${ }
  11. 청색편이
    아 작은따옴표가 아니었군요!! 감사합니다!!
    대화보기
    • 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
        완료
      • 알로
        완료
      • 완료
      • 준바이
        완료
      • Jung Hyewon
        영문으로 설정된 상태에서 ~ 키 누르시면됩니다.
        대화보기
        • ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` `
          왜 맥은 저 기호 어디서찾는지 한마디도 없지
        • 20.03.08 완료
        • eddylee123456
          복습
        • 한강
          감사합니다~!
        • 힝구
          맥은 ` < 이 키 어디서 찾나요 퓨ㅠ
        • 스티븐잡숴
          완료
        • JongHan Park
          완료!
        • 로린
          완료
        • 임은정
          완료입니당
        • 수강완료했습니다. 감사합니다~
        • 2019.12.5 완료
        • 박창신
          수강완료
        • Seock-In Kim
          와 Template Literal.. 처음 알았네요 와.. 이건 신세계..
        • 쑤우
          수강완료. 감사합니다~
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기