React 맛보기 :: Hello World

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!