inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 리액트 : 기초

10 컴포넌트 만들기

img src=에 중괄호

364

hjsim

작성한 질문수 2

2

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!

안녕하세요

img src=에 중괄호 써주는 것이요,

저 문법의 이름이 있나요?

비슷한 거로는 {{}} 같은 Mustache, 템플릿 리터럴 ${} 등 찾아봤는데 모르겠습니다.

중괄호를 빼면 CatItem의 파라미터인 props가 전달이 안되니까

써줘야하는 건 알겠는데요...

감사합니다.


- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

react javascript

답변 1

1

진유림

이는 리액트가 사용하는 JSX의 문법입니다.

html의 문법이 <img src="http://~"></img> 이듯이,

리액트(html과 js를 섞은 뉴 문법)의 문법은 <img src="http://~"> 혹은 <img src={변수}> 로 쓸 수 있는거예요 :)

API 적용 안되는 코드 수정 방법입니다.

0

75

1

고양이 이미지가 엑박이 뜨네요

0

52

1

npx 명령어 사용 불가

1

75

1

const 변수와 컴포넌트의 차이

0

89

1

강의노트

0

140

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

327

1

빌드할때 dist 폴더가 만들어지는데요,

0

773

1

js파일 업로드 요청

0

135

1

변경된 api 사용시 text 안나오는 문제

0

142

1

메인글자수정...

1

270

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

310

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

597

4

고양이 사진이 깨져요.ㅜㅜ

2

361

3

강의 노트 위치를 모르겠습니다

1

343

1

깃 강의노트 어디서 볼 수 있나요?

1

381

2

이해가 안되는 부분이 있어요

1

360

1

api가 안불러와지네요...

1

658

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

332

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1155

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

332

2

index.js 내용이 바꼈네용

1

319

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

261

2

html 코드 오류

1

463

2

고양이 이미지 깨져요

1

339

2