inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

처음 만난 리액트(React)

문법질문

564

Ruin

작성한 질문수 3

0

Accommodate.jsx 파일에서

{isFull && <p style={{ color: "red" }}>정원이 가득찼습니다.</p>}

 

이거 동적으로 html 생성해주는 것 같은데 이거 문법 어떻게 검색해야되나요? 처음봐서./. 자바스크립트 문법인가여? {} 안에 이렇게 들어가는거 모르겟네요

javascript react HTML/CSS

답변 1

0

Inje Lee (소플)

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

질문해주신 코드는 JSX 코드입니다.

JSX에서는 중괄호 안에 JavaScript 코드를 사용할 수 있는데,

그 안에서 JavaScript의 && 연산자를 사용해서 조건부 렌더링(Conditional Rendering)을 하는 코드입니다.

앞 부분 섹션 3. JSX 강의와 이후 나올 섹션 9. 조건부 렌더링 강의를 참고하시면 좋을 것 같습니다!

강의가 삭제되었다고 합니다

0

112

1

이거 왜 존재하지 않는다고 뜨는건가요

0

141

1

존재하지 않는 수업이라고 떠요

0

186

1

안드로이드 에뮬레이터 오류

0

102

1

교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.

0

133

1

prevIsConfiromed 질문

1

144

2

chapter14 잘이해가 되지않습니다..

1

137

2

2025년 3월 리액트버전

1

206

2

npm 설치 오류

1

181

1

chapter_07 콘솔로그 질문드려요~!

1

130

2

안녕하세요 미니블로그 실습 질문드립니다.

1

181

3

에러가 떠요

1

220

3

Chapter6 질문 드립니다

1

211

2

실습 코드 있을까요?

1

209

2

상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.

1

235

2

npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다

0

311

3

이름과 코멘트 줄바꿈이 안 됩니다.

0

144

1

버튼이 안 뜹니다

0

305

2

npx create-react-app my-app

1

474

2

jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.

1

378

3

Chapter_05 터미널, 리액트 에러

0

197

2

npx create-react-app my-app 명령어 반응없음

1

435

3

import 코드 에러

1

216

1

백틱

1

123

1