TIL5 : Template Literals (Template Strings) / Chrome Debugging

Charlie·2020년 9월 9일
0

Pre Course TIL

목록 보기
5/45
post-thumbnail
post-custom-banner
`${foo},  ${bar + baz}, ${Math.floor(qux)}`

JavaScript에서는 보통 문자열 사이에 변수들을 +로 연결하여 하나의 문자열을 생성하는데 이런 표현 이외에 문자열 중간에 변수 뿐만 아니라 계산식, 메소드까지 사용 가능하게 하는 것을 Template Literals 또는 Template Strings라고 합니다.

이용시 표현식을 ${}으로 둘러싸되 양쪽 끝의 기호는 Quotation Mark가 아니라 ``Back Quote(Back Tick)입니다.

Debugging in Chrome Console

  • 크롬 콘솔창 'Sources' 탭에서 'Script snippet'에 디버깅할 코드를 옮겨 놓고 라인 번호를 클릭하여 BreakPoints를 설정한 뒤 실행
  • 또는 코드내에서 멈추어 확인이 필요한 부분에 debugger; 를 추가 한 뒤 실행

0개의 댓글