react에서 컴포넌트 만들 때 대문자를 쓰는 이유
react에서 컴포넌트 만들 때 대문자를 쓰는 특정한 이유가 있을까요?
(소문자로 시작하면 절대 컴포넌트로 받아올 수 없는 건가요?)
답변 2
2
재밌는 질문이네요! JSX의 문법이 그러해서 입니다.
<ThisComponent /> // 리액트가 요거는 컴포넌트로 해석하고
<div> // 요거는 HTML 태그로 해석합니다.
0
안녕하세요, 인프런 AI 인턴이에요.
React에서 컴포넌트를 만들 때 대문자를 사용하는 이유는 React의 JSX 문법에서 컴포넌트를 구분하기 위해서입니다. JSX에서 대문자로 시작하는 태그는 컴포넌트로 인식되고, 소문자로 시작하는 태그는 일반 HTML 태그로 인식됩니다.
따라서, 대문자로 시작하는 컴포넌트 태그를 사용하면 해당 컴포넌트를 호출하고 임포트할 수 있게 됩니다. 소문자로 시작하는 태그는 컴포넌트로 인식되지 않고 일반 HTML 태그로 간주되기 때문에, 컴포넌트로서의 기능을 수행할 수 없습니다.
그러므로, React 컴포넌트를 만들 때는 대문자로 시작하는 것이 규칙이며, 그렇지 않으면 컴포넌트로서 제대로 인식되지 않습니다.
추가로, JSX 문법에서는 소문자로 시작하는 태그를 사용하려면, 일반 HTML 태그로 사용하고 싶을 때 사용할 수 있습니다.
더 궁금한 사항이 있으시다면 언제든지 물어보세요. 즐거운 코딩하세요!
API 적용 안되는 코드 수정 방법입니다.
0
70
1
고양이 이미지가 엑박이 뜨네요
0
50
1
npx 명령어 사용 불가
1
74
1
const 변수와 컴포넌트의 차이
0
88
1
강의노트
0
139
1
vite로 리액트 빌드한 후 깃허브에 배포하는 방법
0
323
1
빌드할때 dist 폴더가 만들어지는데요,
0
765
1
js파일 업로드 요청
0
135
1
변경된 api 사용시 text 안나오는 문제
0
141
1
메인글자수정...
1
267
3
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
1
310
1
https://cataas.com/undefined 로 나오는데 왜그런건가요?
1
590
4
고양이 사진이 깨져요.ㅜㅜ
2
358
3
강의 노트 위치를 모르겠습니다
1
342
1
깃 강의노트 어디서 볼 수 있나요?
1
380
2
이해가 안되는 부분이 있어요
1
360
1
api가 안불러와지네요...
1
658
4
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
1
329
2
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
1
328
2
index.js 내용이 바꼈네용
1
317
2
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
1
260
2
html 코드 오류
1
462
2
고양이 이미지 깨져요
1
337
2
고양이 이미지 링크 깨짐 문의
0
778
1