react. JSX - Create Element

 

리액트 강의 새로 들으면서 기초다듬기

리액트에서 사용하는 jsx는 javascript와 거의 똑같다. 규칙이 다를뿐!

컴포넌트들을 생성해서(이름 첫글자는 대문자) 조립해서 만드는 듯.

동적 구현을 위해 아예 이벤트리스너를 태그로 이용한다.

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>를 포함하고

<script type="text/babel">...</script>를 이용해 브라우저가 jsx로 짠 코드들을 인식하게한다.

지금은 이벤트리스너를 실행하면 콘솔찍는 것만 배웠는데 스타일 관련된건 어떻게 처리하려낭...