강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

정원진님의 프로필 이미지
정원진

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Express에서 데이터 처리하기

${id}

작성

·

286

1

동영상에서 볼때 ${id} 이부분이 색이 변하면서 경로에 id값을 넣으면 잘 들어오는데 저는 사진과 같이 색이 안 변하고 localhost:8080/products/50 이런 식으로 id값을 넣어도 화면에는 id는 ${id}입니다 로 id값이 적용 안돼서 출력이 되는데 어떻게 해야하는지 알 수 있을까요? ${id}를 따옴표 밖에 써봤더니 밖에 있는건 사진처럼 색이 변하네요

퀴즈

API 서버의 주된 역할은 무엇인가요?

클라이언트 프로그램의 사용자 인터페이스를 직접 그리기

클라이언트 프로그램과 데이터베이스 사이에서 정보를 주고받는 중개자 역할 하기

데이터베이스에 직접 데이터를 저장하거나 관리하기

네트워크 통신을 위한 물리적인 연결 담당하기

답변 2

1

그랩님의 프로필 이미지
그랩
지식공유자

승훈님이 잘 답변해주셨네요! 감사합니다 :)

문자열과 변수를 함께 사용할 수 있도록 도와주는 template literal이라는 기능을 사용하려면 벡틱(``)을 활용하시면 됩니다.

위에 보이시는 에러는 문법에 맞지 않게 코드를 작성하셔서 그런거구요!

저도 그랩님 덕분에 많은 걸 배웠습니다 감사합니다!

1

 변수로 정의한 문자열을 console혹은 html파일등에 나타내기 위해 하는 처리 방식을 템플릿 문자열 이라고 합니다. 질문자님의 코드는 오류가 날 수 밖에 없습니다. 템플릿 문자열은 함수의 매개변수 혹은 변수 등에 서만 사용을 할 수 있죠. 템플릿 문자열을 사용하려면 ' 따옴표가 아닌 `을 사용해야 합니다 `는 백틱이라고 부릅니다.

위에 코드를 아래와 같이 바꿔서 사용해보세요.

app.get("/products/:id", (req, res) => {
    const params = req.params;
    const { id } = params;
    res.send(`id는 ${id}입니다.`);
});

더욱 간단히 사용하려면 아래와 같이 사용해보세요.

app.get("/products/:id", (req, res) => {
    const id = req.params.id;
    res.send(`id는 ${id}입니다.`);
});

 

정원진님의 프로필 이미지
정원진
질문자

아~ ` 이걸 사용하는 거였네요. 감사합니다!

정원진님의 프로필 이미지
정원진

작성한 질문수

질문하기