웹/Javascript

React - JSX 실수 (대소문자)

공대생철이 2022. 2. 1. 09:09
728x90

React의 JSX를 복습하는 차원에서 간단한 title과 Button을 만들었다.

 

그리고 Container에 담아 title과 Button component를 썼는데...

잉...?

 

왜 색깔이 다르지...?

 

분명 Button은 component로 작동한 거 같은데...title에 뭐가 문제지...?

그냥 render를 시켰는데 당연히 에러가 떴다.

 

이유는 너무나 간단하게도 대소문자

 

소문자로 title을 적으면 그냥 html 태그로 읽어버리고

 

React에서 component로 활용하기 위해서는 무조건 첫 글자가 대문자여야한다.

 

React 강의 들으면서 배울 때는 배운 그대로 응용하면 코드가 다 잘 되서 뭐가 문제지 싶었는데

이런 디테일을 놓치고 있었다니...

 

그래서 대문자로 바꿔놓으니

 

같은 색깔 너무 푸근하다...

 

개발자들에게 스페이스바, 점 하나, 스펠링 하나가 에러로 그대로 이어지기 때문에

이렇게 또 하나 디테일에 대한 조심성을 배워간다.

728x90

' > Javascript' 카테고리의 다른 글

React - useEffect 배우기  (0) 2022.02.09
React - memo 활용  (0) 2022.02.07
React - useState 연습  (0) 2022.01.27
React - Hook 활용하여 Array push  (0) 2022.01.24
React(Hook) - useState 활용하기  (0) 2022.01.19