Hello World
설치 후엔 역시 Hello World 찍어줘야져!.
우선 3000번 띄우기까지 성공 했으니 index.js로 가서
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
추가후 저장 해주면 정말 브라우저를 새로고침 할 필요 없이 바로 바뀌는 모습 볼 수 있습니다. 렌더링.. 쩔..
(이래서 이름이 react인가..)
개발자 도구로 element를 상세히 보면 id명이 root인 div안에 <h1>Hello, world!</h1>가 들어가 있는게 보인다는.
여기서.. <h1>Hello, world!</h1> 뒤에 , 가 추가 된다는거.. 잊지마시길...
왜 안되나..? 했더니 , 를 빼먹어서 였다는...
Failed to compile
./src/index.js
Syntax error: Unexpected token, expected , (12:2)
10 | ReactDOM.render(
11 | <h1>Hello, world!</h1>
> 12 | document.getElementById('root')
| ^
13 | );
This error occurred during the build time and cannot be dismissed.
이런 메시지가 보인다면.. 콤마 까먹은 것이에요.
Syntax erro.. 즉 문법적 오류가 있다는거
콤마 하나딱 찍고 저장해주는 순간.. 브라우저만 확인함 바로 바뀐다.. 우왕..
즉각 반응 되는 react!