[UI/UX]coding 기초 - javascript- 특수기호, 템플릿 리터럴

Dohee·2025년 1월 19일
post-thumbnail

📖 특수기호 표시하기


이스케이프 문자란, 화면에는 표시되지 않지만 줄 바꿈이나 탭처럼 문서에서 기능을 수행하는 문자를 의미한다. 특수문자를 표시하려면 (₩:백슬래쉬) 다음에 기호를 입력한다.

[이스케이프 문자 기본형]

  1. \ddd(d는 숫자) : 8진수
  
  2. \xddd : 16진수
  
  3. \\ : 백슬래쉬를 표현한다.
  
  4. \' : '를 문자로 화면에 표현한다.
  
  5. \"" : "를 문자로 화면에 표현한다.
  
  6. \b : 백스페이스 문자
  
  7.\n : 줄바꿈
  
  8. \t : 탭 문자(들여쓰기) 

📖 템플릿 리터럴로 문자열 연결하기🌞


템플릿 리터럴은 문자열과 변수, 식을 섞어서 하나의 문자열을 만드는 표현방식이다.템플릿 리터럴 안에 변수나 식을 넣을때에는 ${}로 묶고 태그나 띄어쓰기, 이스케이프 문자를 함께 표시할 수 있다.

템플릿 리터럴을 이용하여 변수에 들어있는 값을 집어넣는 것을 '데이터 바인딩'이라거 표현한다.

[기본형]

  `${태그 또는 띄어쓰기, 이스케이프문자 등}`
  
  
  ex)
   var name = "홍길동";
   var classRoom = 502;
   
   document.write("${name}은, ${classRoom}호로 입장하세요.");

❗문자열 객체 연습

0개의 댓글