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

재밌는 질문이네요! JSX의 문법이 그러해서 입니다.

<ThisComponent /> // 리액트가 요거는 컴포넌트로 해석하고

<div> // 요거는 HTML 태그로 해석합니다.

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

React에서 컴포넌트를 만들 때 대문자를 사용하는 이유는 React의 JSX 문법에서 컴포넌트를 구분하기 위해서입니다. JSX에서 대문자로 시작하는 태그는 컴포넌트로 인식되고, 소문자로 시작하는 태그는 일반 HTML 태그로 인식됩니다.

따라서, 대문자로 시작하는 컴포넌트 태그를 사용하면 해당 컴포넌트를 호출하고 임포트할 수 있게 됩니다. 소문자로 시작하는 태그는 컴포넌트로 인식되지 않고 일반 HTML 태그로 간주되기 때문에, 컴포넌트로서의 기능을 수행할 수 없습니다.

그러므로, React 컴포넌트를 만들 때는 대문자로 시작하는 것이 규칙이며, 그렇지 않으면 컴포넌트로서 제대로 인식되지 않습니다.

추가로, JSX 문법에서는 소문자로 시작하는 태그를 사용하려면, 일반 HTML 태그로 사용하고 싶을 때 사용할 수 있습니다.

더 궁금한 사항이 있으시다면 언제든지 물어보세요. 즐거운 코딩하세요!