ryuryu10
RYUSS
ryuryu10
전체 방문자
오늘
어제
  • 분류 전체보기
    • 인공지능
      • 혼공머신
      • 딥러닝 텐서플로 교과서
    • Python
      • 암호학
      • Flask
    • Nextcord
    • Discord
      • Dev
      • Tip
    • Node.js
    • Javascript
      • You Dont Know JS
      • Deep Dive
    • 기타
      • 데이터베이스 개론

블로그 메뉴

    공지사항

    인기 글

    태그

    최근 댓글

    최근 글

    반응형

    티스토리

    hELLO · Designed By 정상우.
    ryuryu10

    RYUSS

    6.3 템플릿 리터털
    Javascript/Deep Dive

    6.3 템플릿 리터털

    2022. 6. 23. 14:56
    반응형


    템플릿 리터럴이란?

    👉🏻  멀티라인, 표현식 삽입, 태그드 템플릿등 편리한 문자열 처리 기능을 제공하는 새로운 문자열 표기법이다.

     

    사용하는 방법

    템플릿 리터럴을 사용하는 방법은 위 사진처럼 백틱을 사용해 문자열을 감싸주면 된다.

     

    1. 멀티라인 문자열

    일반 문자열

    일반 문자열의 경우 줄바꿈이 허용되지 않기때문에 위 사진처럼 SyntaxError가 나는것을 확인할 수 있다.

    템플릿 리터럴을 사용한다면?

    하지만 템플릿 리터럴을 사용한다면 다음과 같이 줄바꿈을 해도 전혀 오류가 나지 않는다.

     

    2. 표현식 삽입

    일반 문자열

    + 연산자를 이용하여 여러 문자열을 연결해서 사용할 수 있다

    템플릿 리터럴을 사용한다면?

    ${ } 을 이용하여 감싸서 사용하면 위 사진처럼 간단하게 사용할 수 있다

    반응형
    저작자표시 비영리 변경금지 (새창열림)

    'Javascript > Deep Dive' 카테고리의 다른 글

    6.5 undefined 타입  (0) 2022.06.23
    6.4 불리언 타입  (0) 2022.06.23
    6.2 문자열 타입  (0) 2022.06.23
    6.1 숫자타입  (0) 2022.06.22
    5.5 세미콜론, 세미콜론 자동 삽입  (0) 2022.06.19
      'Javascript/Deep Dive' 카테고리의 다른 글
      • 6.5 undefined 타입
      • 6.4 불리언 타입
      • 6.2 문자열 타입
      • 6.1 숫자타입
      ryuryu10
      ryuryu10
      프로그래밍 초보입니다

      티스토리툴바