지금 바로 React 시작하기 heart 연습문제
447
작성한 질문수 1
지금 바로 React 시작하기 heart 추가/제거 연습문제
1:39초 15번째라인 div안 span 태그속에
{heart}라고만 써도 되나요? 동작은 똑같이 됩니다.
let heart로 정의가 되어있는데
span에서도 다시 정의해서 써야하는건지 궁금합니다!
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
React에서 변수를 JSX 안에서 출력할 때, 중괄호를 사용해서 출력합니다. 여기서 “{heart}“는 “heart” 변수의 값을 해당 자리에 출력하라는 의미입니다.
React 컴포넌트 내에서 변수를 출력할 때, 변수를 정의하고 그 값을 출력하는 방식으로 작성할 수도 있습니다. 예를 들어, “let heart”로 변수를 정의하고 JSX 안에서 “{heart}“를 넣어서 출력하는 방법도 가능합니다.
하지만, span 태그 안에서 다시 정의하여 사용할 필요는 없습니다. “{heart}“로 사용하면 똑같이 동작합니다.
따라서, “div안 span 태그속에 {heart}라고만 써도 되나요?“라고 물으셨을 때, 그렇습니다. “{heart}“로 작성하면 변수 값이 정상적으로 출력될 것입니다.
추가적으로, React에서는 중괄호 안에 변수뿐만 아니라, 표현식이나 함수 호출도 사용할 수 있습니다. 자세한 내용은 React 공식 문서나 관련 강의를 참고해 주세요.
더 궁금한 점이 있으면 언제든지 물어보세요. 좋은 학습되세요!
mcp 설치를 못하겠어요
0
11
1
라이브러리 관련 질문 있습니다!
0
10
1
output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?
0
16
2
클로드 변경
0
14
1
/config 에서 output-style 을 변경
0
17
1
한국어 문제
0
17
2
Node.js 관련 질문드립니다.
0
22
3
클로드 버전업 설치
0
21
2
쿠폰 문의 드립니다.
0
14
2
13강 프로젝트 생성 Next.js 설치이슈
0
18
3
Shell Command: Install 'cursor' command 진행에서 막혔습니다
0
19
3
74. 데이터 캐시 - 1 (이론) 강의 영상 누락
0
23
1
Agent team / subagent 생성시 재사용 가능 여부
0
26
2
shirimp task manager는 프로젝트 처음 시작 단계에서도 쓴는 것 과 관련해서 질문
0
20
2
MCP 서버 내용 변경
0
25
2
설치가 완료되었다고 하는데 왜 확인이 안될까요?ㅠ
0
27
3
맥에서 git이 설치되지 않아요...
0
22
2
React에서 이벤트 처리하기(추가퀴즈)
0
354
1
Route 퀴즈를 풀어봤는데 한번 봐주실 수 있나요?!
0
382
1
구조 분해 전 후
0
262
0
3분 44초
0
216
0
비동기 통신에 있어서 질문남깁니다.(코드첨부)
0
458
2
정답안에 압축파일안에 컴포넌트 이름이 잘못 된 것 같습니다.
0
207
1
코드 한번만 봐주실수 있나요 ?
0
225
1