백틱 사용 더이상 헷갈리지 말자!

프로젝트의 코드를 분석하다가
백틱의 향연속에서 나는 정신을 차리지 못하였다.

동적인 값을 주는건 알겠는데...
링크 주소에 백틱에 중괄호 들어가버리고 이래버리니까
어질어질
JSX랑 백틱이랑 템프릿리터럴이랑 분간이 안되기 시작

개발 팀장님이 넘겨준 링크

(감사합니다! 🙏)

• 내가 정리한 바에 따르면...
  따옴표 안의 모든 것은 문자열로 해석된다.
  백틱 안의 모든 것은 문자열로 해석된다.
  단지 하나 다른 것은,
  ${} 가 만나면 그 안은 동적인 값이 들어간다.

• 내가 물어볼 질문을 다시 보자면,
  프로젝트에 쓰인

<Link to={`${pages.costprojects}/nomal`}>

사전에 정의된 pages라는 폴더에서 가져온 경로에서 왔음

<Link to={'/costprojects/nomal'}>

가 된다! :-)

마지막에 남은 {}은 jsx문법으로 js표현식(리터럴표현식)을 나타낸다.