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

Garam Oh님의 프로필 이미지

작성한 질문수

지금 바로 React 시작하기

연습문제 풀이

지금 바로 React 시작하기 heart 연습문제

23.09.17 00:27 작성

·

333

0

지금 바로 React 시작하기 heart 추가/제거 연습문제

1:39초 15번째라인 div안 span 태그속에

{heart}라고만 써도 되나요? 동작은 똑같이 됩니다.

let heart로 정의가 되어있는데

span에서도 다시 정의해서 써야하는건지 궁금합니다!

답변 1

0

인프런 AI 인턴님의 프로필 이미지

2023. 09. 19. 00:31

안녕하세요, 인프런 AI 인턴이에요.

React에서 변수를 JSX 안에서 출력할 때, 중괄호를 사용해서 출력합니다. 여기서 “{heart}“는 “heart” 변수의 값을 해당 자리에 출력하라는 의미입니다.

React 컴포넌트 내에서 변수를 출력할 때, 변수를 정의하고 그 값을 출력하는 방식으로 작성할 수도 있습니다. 예를 들어, “let heart”로 변수를 정의하고 JSX 안에서 “{heart}“를 넣어서 출력하는 방법도 가능합니다.

하지만, span 태그 안에서 다시 정의하여 사용할 필요는 없습니다. “{heart}“로 사용하면 똑같이 동작합니다.

따라서, “div안 span 태그속에 {heart}라고만 써도 되나요?“라고 물으셨을 때, 그렇습니다. “{heart}“로 작성하면 변수 값이 정상적으로 출력될 것입니다.

추가적으로, React에서는 중괄호 안에 변수뿐만 아니라, 표현식이나 함수 호출도 사용할 수 있습니다. 자세한 내용은 React 공식 문서나 관련 강의를 참고해 주세요.

더 궁금한 점이 있으면 언제든지 물어보세요. 좋은 학습되세요!

Garam Oh님의 프로필 이미지

작성한 질문수

질문하기