생활코딩

Coding Everybody

코스 전체목록

닫기

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. 코코
    24.02.20
  2. 김철흥
    2024.01.08
    Literal의 의미 : 정보를 표현하는 방법, 기호

    완료!
  3. Hoon Ko
    20231015
  4. carpediem
    23.09.03 완료!
  5. 어흥
    23.06.28.
  6. 감자
    22.11.30 완료
  7. 드가자
    문장의 앞과 끝에 ``를 표시한다. 변수를 집어넣고 싶을땐 ${변수}
  8. 당당
    2022.10.15
  9. 뿔고래
    탬플릿 리터럴을 쓰니 세상이 편해졌어요.
  10. 키다리아저씨
    220714 완
  11. toonfac
    220704 오전 2시 39분 완료
  12. yjchun26
    2022/03/27 완료
  13. 코지마 히데오 뺨 후릴 반바지
    완료오~
  14. 그레이브 엑센트[ ` ]는 맥에서 option + ₩ 로 입력 가능합니다.
  15. 밍기
    2022-01-09 완료
  16. 소설가
    2022-1-1 완료
    고맙습니다.
  17. 김관호
    21.11.23
  18. 솔나무
    영어로 바꿔놓고 (원)기호를 클릭하면 됩니다.
  19. 솔나무
    맥북에어는 어디에 있는걸까요
  20. inventorh
    2021.10.3 좋은강의 감사합니다~!!! 정말 편한기능이네요!
  21. 전해성
    21.09.12 완료
  22. 졸작완성하자
    21/09/05
  23. 초딩 개발자
    2021/09/05
  24. Kangmin Kim
    2021.8.21 완료
  25. 고영히
    210818 완료
  26. 박사장
    2021 07 28 완료!
  27. labis98
    20210720 completed!
  28. Duke
    2021.07.17
  29. 호찬
    2021.07.15.(목). 진행중
  30. 평생노예
    ` 문장이 들어갑니다~~~~ 원하는 데이터값이 담긴 변수명에는 ${변수명}` 이렇게 작성하면 너무 편합니다~~
  31. go
  32. CliQ
    '`' 기호를 이고잉님께서는 Grave accent 라고 하셨지만, 자바스크립트와 관련한 많은 문서에서는 백틱(backtick)으로 표기하는 것 같습니당
  33. 별거
    2021.05.11 완료했습니다.

    \n을 이용해서 <br>과 비슷하게 줄바꿈을 할 수 있다.
  34. Jeong Il Haan
    20210413
  35. 정윤아
    어렵다 한번 더 ㅜㅜㅜ 역슬래시 해도 왜 띄어지지 않는걸까요
  36. 허태민
    21.03.13
  37. byoonn
    완료
  38. 문자열의 표현과 문자의 치환을 간단히 해주는 문법
  39. chimhyangmoo
    2021.02.17
  40. jeisyoon
    2021.02.06 완료
  41. 임찬혁
    완료
  42. ohhigo
    21/1/22 ★★★
    template literal
  43. Noah
    2020.12.29 완료
  44. 풀스택개발자
    2020 12 28
  45. 생활둘기
    2020 12 24
  46. kkn1125
    20.12.21 완료~!
  47. Sunny
    2020.11.03.TUE.
  48. taehoonkim
    완료 :D 2020-10-21
  49. Yong Hyun Lee
    완료 200930
  50. 윤병록
    20.09.23
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기