본문 바로가기
내마음대로만들어보자/JS

리터럴

by 소농민! 2021. 8. 13.
728x90

1. 리터럴 - 줄바꿈을 자유롭게 

백틱( ` ) 을 이용하여 문자열을 + 기호없이 간단히 처리할 수 있다.

또한, 백틱( ` ) 안에서는 여러줄이ㅡ 줄바꿈도 자유롭게 사용 가능하다.

 

const id = "myId" ; 
const url = `http://noahlog.tistory.com/login/${id}` ; 
 
const message = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!" 
 
const message = ` 줄바꿈도 마음대로 사용이 가능합니다. `

 

2. 객체 리터럴 - 딕셔너리를 짧게 

[기존 방식] 
 
var name = "스파르타"; 
var job = "developer"; 
 
var user = {   
     name: name,  
     job: job 

 
console.log(user); 
//{name: "스파르타", job: "developer"} 


[최신 방식] 
 
var name = "스파르타"; 
var job = "developer"; 
 
var user = {   
    name,   
    job

 
console.log(user); 
//{name: "스파르타", job: "developer"}


기존 key:value 형태에서 단순히 변수명만 작성해주면 변수명과 동일한 필드가 생성되며, 

그 필드에 해당되는 변수값이 대입된다.