4. Next.js JSX문법_HTML안에 변수 { }

JSX 문법 특징인데 변수를 html 중간에 바로 넣어서 보여줄수 있구여

쌩javascript 사용하려면 HTML 찾아서 이 글자 다른걸로 바꿔주세요 라고 길게 써야 할텐데

리액트는 그딴거 필요 없구여

 

변수를 HTML에 넣고 싶으면 { } 중괄호 열어서 변수명만 넣으면 되구여

 

className, id, href 이런 속성도 변수를 넣을 수 있는데 거기에도 { } 중괄호만 열면 됩니다.

 

이런식으로도 디자인을 줄 수 있습니다~