#2.2 Our First React Element
react
어플리케이션이 아주 인터랙티브하도록 만들어주는 library. 엔진과 같다.
react-dom
react-dom은 모든 react element들을 html body 안에 넣을 수 있게 해줌.
ReactDOM.render()
render의 의미는 react element를 가지고 HTML로 만들어 배치한다는 것. 즉, 사용자에게 보여준다는 의미
*react18에서는 ReactDOM.createRoot(root).render(span); 이렇게 사용합니다.
ReactDOM.render(span, root) 는 17버전
#2.5 JSX
실제 react 형식으로 만든 코드를 babel을 통해 컴파일
#2.6 JSX part Two
~~텍스arrow function
ex) const exArrowFun = () => {
}
일반 function
function exArrowFun() {
return(
// ~~~~
)
}
함수형 컴포넌트는 실제 구현부에서 <컴포넌트명>
html tag 처럼 <>를 감싸 사용한다.
컴포넌트명은 대문자를 필수적으로한다
-> 실제 html 태그명과 중복방지트~~