인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

희모찌's profile image
희모찌

asked

First encounter with React

(Practice) Implementing UI components and list components

여기서 백틱으로 감싸주는 이유가 궁금합니다.

Written on

·

412

1

asdqwdfq.png

const Wrapper = ~~~ 아래에 백틱으로 감싸주는 이유가 궁금합니다.

그리고 왜 저는 강사님처럼 안나오고 전부 붉게 나올까요..?

HTML/CSSjavascriptreact

Answer 1

0

soaple님의 프로필 이미지
soaple
Instructor

안녕하세요, 소플입니다.

해당 부분은 styled-components가 JavaScript의 tagged template literal을 사용하기 때문입니다.

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

 

Template literals에 관한 내용은 섹션 15에 styled-components 강의에서 자세히 다루고 있으니,

혹시 건너뛰셨다면 해당 강의를 들어보시기 바랍니다!

 

그리고 VS Code에 아래 Extension을 설치하시면 syntax highlighting이 잘 될 것입니다 😀

https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

 

감사합니다.

희모찌's profile image
희모찌

asked

Ask a question