32일차(백틱(`) 사용법)

백틱 사용(`)

백틱 사용에 대해서 헷갈렸었다.

내가 백틱을 사용할 때는 html tag에 변수를 넣는 temp_html을 사용할 때 말고는 사용을 거의 안했다.

근데 강의나 구현 테스트를 볼 때 백틱을 자주 사용해서 헷갈리기 시작했다.

 

큰 따옴표랑 작은 따옴표를 같이 혼용해서 쓸 때 백틱을 사용하는 것은 알고있는데

아래 코드를 보고 헷갈렸는데 팀원분이 공유하신 링크를 보고 이해하게 되었다..!!

 

참고 링크 >> https://hi098123.tistory.com/255

 

예를 들어

* 심화 2주차 강의 detail.html

$("#pronunciation").text(`/${response["pronunciation"]}/`)

에서 백틱을 사용 안해도 따옴표로 사용할 수 있을 것 같은데 백틱을 사용한 이유가 뭘까?

 

'/' + ${response["pronunciation"]} + '/'

이렇게 사용하지 않고 한 번에 쓰기 위해서 백틱을 사용했다고 이해했다.

 

---

* 구현 테스트 3주차

let order = "asc";
      function showArticles() {
            $.ajax({
                type: "GET",
                url: `/articles?order=${order}`,
                data: {},

에서 왜 ${order}를 사용한건지,, 전역변수를 사용하기 위해서 사용한걸까??

 

 

* 구현 테스트 3주차

 function getArticle(idx) {
            $.ajax({
                type: "GET",
                url: `/article?idx=${idx}`,
                data: {},

idx는 그냥 /article?idx=idx 이러면 안되는 걸까? 헷갈렸었다.

 

 

이 전에 기초 강의에서 수강했을 때 작성했던 것 처럼 말이다.

$.ajax({
    type: "GET",
    url: "/test?title_give=봄날은간다",
    data: {},
    success: function(response){
       console.log(response)
    }
  })

 

알고보니 변수가 아닌 값이면 그냥 보내고 변수면 ${}으로 보내야하므로 백틱을 사용한 것이다..!!

 

 

 

그러므로

a + "입니다"
`${a} 입니다.`

위 2문장은 같은 말이지만 쓰는 사람에 따라 위를 쓸 수 도 있고 아래를 쓸 수도 있다.

 

이렇게 이해하게 되었다..!