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. 리다
    20200625
    - literal(리터럴) : 정보를 표현하는 방법 / 기호
    - 자바스크립트에서 줄바꿈 등 특정 동작을 하고자 할때 기호를 사용해야하는 불편함이 있음 ex) 줄바꿈 : \n
    - 문자열과 변수를 같이 사용할 때 +으로 연결해야하는 불편함이 있음
    -> template literal : ` ` 사용하여 안에 하나의 문자열처럼 사용. 줄바꿈 가능.
    -> 변수 : ${ } 로 표현
  3. Amousk
    좋은 강의 감사합니다.
  4. 이소담
    ` <- 너무 신기하네요ㅋㅋㅋㅋㅋ 졸업한지 한참됐는데 몰랐어요 잘알아갑니다!
  5. hoya
    2020.06.11
  6. 바다의왕자
    완료
  7. 김재익
    완료
  8. Katherine Roh
    완료 :)
  9. 완료~
  10. 김유민
    20.04.30.완료
  11. 야루
    완료
  12. 강윤지
    20.04.20.월 학습완료.
  13. Eunsung Shin
    완료
  14. 알로
    완료
  15. 완료
  16. 준바이
    완료
  17. Jung Hyewon
    영문으로 설정된 상태에서 ~ 키 누르시면됩니다.
    대화보기
    • ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` `
      왜 맥은 저 기호 어디서찾는지 한마디도 없지
    • 20.03.08 완료
    • eddylee123456
      복습
    • 한강
      감사합니다~!
    • 힝구
      맥은 ` < 이 키 어디서 찾나요 퓨ㅠ
    • 스티븐잡숴
      완료
    • JongHan Park
      완료!
    • 로린
      완료
    • 임은정
      완료입니당
    • 수강완료했습니다. 감사합니다~
    • 2019.12.5 완료
    • 박창신
      수강완료
    • Seock-In Kim
      와 Template Literal.. 처음 알았네요 와.. 이건 신세계..
    • 쑤우
      수강완료. 감사합니다~
    • 굼벵이
      완료
    • CronEB
      와 좋네요 항상 끊고 + 썼었는데 .... 역시 배워야 ..
    • YesterdayKite
      완료. 감사합니다.
    • 야망쟁이
      c언어와 같이 \n으로 줄바꿈을 하는군요 ㅎㅎ 그래도 그 뒤에 나오는 template literal 이 더 간단하네요!
    • 아미쓔
      템플릿 리터럴 완전 신박.
    • 이루
      완료!
    • 위준우
      완료
    • 현호
      완료
    • 통신 MDP 너무 좋아 ^_^
      완료 ^______________________________________^
    • 통신 MDP 좋아 ^_^
      완료 ^____________________________________^
    • 자유로움
      완료
    • ㅇㅇ
      완료!!
    • supernet
      완료
    • 도토리묵
      완료
    • 지미츄
      감사합니다.
    • 귤민파파
      오 웹을 하면서 가장 불편했던 문자열과 변수를 합치는 부분이었는데...
      감사 합니다....
    • JuicyFresh
      확인
    • \n
      n까지 작성하셔야 줄바꿈됩니다.
      대화보기
      • egoing
        Nodejs는 서버쪽 기술이기 때문에 사용 가능합니다. :)
        대화보기
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기