중괄호가 있는 JSX 안에서 자바스크립트 사용하기

1️⃣ JSX의 역할

2️⃣ 중괄호 {}의 활용

따옴표로 문자열 전달하기

문자열 어트리뷰트를 JSX에 전달하려면 작은따옴표나 큰따옴표로 묶어야 합니다.

여기에서는 "<https://i.imgur.com/7vQD0fPs.jpg>"와 "Gregorio Y. Zara"가 문자열로 전달되고 있습니다.

그러나 src 또는 alt를 동적으로 지정하려면 어떻게 해야 할까요? "와"를 {와}로 바꿔 JavaScript의 값을 사용할 수 있습니다.

1️⃣ className="avatar"

2️⃣ src={avatar}