[TypeScript] 작은 따옴표(')와 백틱(`)을 구분 못한 바보의 한탄 TT

C#에서는 String 구문 안에 parameter를 가져와서 쓰고 싶으면,

"큰 따옴표" 앞에 $(dollar sign)을 붙이고 안에 {괄호}를 사용하면 그대로 사용할 수 있다.

 

( 깨알 Selenium Crawling ScrollDown 예제코드 )

 

지금은 한창 TypeScript를 공부하고 있는데 비슷하게 사용하길래 쉽구나 했는데,

이게 안되는거다 자꾸.. 😩🤮🤬

예제 코드는 똑같이 '작은따옴표' 안에서 ${movieID} 이렇게 쓰면 파라미터를 쓸 수 있는 걸로 나오는데

나만 안되는거..

 

VSCode에서 Extensions 설치도 다시 다 해보고,

typescript string dollar sign parameter not working (?) 막 이따구로 구글링하다가

Why isn't string interpolation working? 이란 질문에서 해답을 찾았다!

진짜 개 삽질함,, 휴,,, ㅋㅋㅋ

 

답을 찾은 그 링크..!!

https://discuss.codecademy.com/t/why-isnt-string-interpolation-working-check-for-backticks/492529

Why isn't string interpolation working? (Check for backticks)

 

import { Controller, Get, Param } from '@nestjs/common';

@Controller('movies') //localhost:3000/movies

export class MoviesController {

    @Get()

    getAll() {

        return 'This will return all movies';

    }

    @Get("/:id")

    getOne(@Param('id') movieID: string) {

        return 'This will return one movie with the id: ${movieID}';

    }

}

 

여태까지 계속 위에처럼 썼는데 해결이 안돼서 찾아보니

'작은 따옴표' 가 아닌,,,

`(Backtick) 이었다…!

`백틱`,,? 이란걸 써본게 언젠가…;;;

기울기가 월등히 작은 따옴표랑 다른게,, 다르구나,,,

ESC랑 ~물결표만 썼네,,, 이친구,,, 몰라봐서 미안하다,,,

내가 쓰는 키보드에는 여기 있다, Fn+Esc

 

import { Controller, Get, Param } from '@nestjs/common';

@Controller('movies') //localhost:3000/movies

export class MoviesController {

    @Get()

    getAll() {

        return `This will return all movies`;

    }

    @Get("/:id")

    getOne(@Param('id') movieID: string) {

        return `This will return one movie with the id: ${movieID}`;

    }

}

 

아무튼 이렇게 ` (Backtick) 으로 변경해보니, 잘 됨…ㅎㅎ

JavaScript 를 주로 사용하시는 분들이라면 알았을 수도 있어요...

너무 C#의 편안함에 도태돼있었나봄..;;

이걸 Template Literals (Template Strings) 라고 한답니다^^

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Template literals (Template strings) - JavaScript | MDN

 

이렇게 또 하나 알아갑니다…😂🤣

이상 멍청이의 도터지는 소리였습니다..!

ㅋㅋㅋㅋㅋㅋㅋ