#2 [2021 UPDATE] THE BASICS OF REACT

코코·2023년 11월 19일
0

nomadcoders-react

목록 보기
1/5
post-thumbnail

#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 태그명과 중복방지트~~


 

0개의 댓글