JSX

오늘 첫 수업에는 JSX에 관해 배웠다
너무 생소한 내용이어서 어리둥절,,

구글에 찾아서 링크 첨부
https://ko.reactjs.org/docs/introducing-jsx.html

아직은 html, css, js가 더 익숙해서 인지 react는 너무 낯설다

JSX의 예시

export default function yewonPage() {
  
    //여기는 자바스크립트 쓰는곳
    
    return (
    <div>
        안녕하세요!
        <input type="text"/>
    </div>
  )
}

js와 html이 혼재 되어 보이는 이것이 JSX다

자식 컴포넌트가 없다면 자기 자신을 닫는 형태의 태그를 쓸 수 있다

<div className="sidebar" />

주의점

1. JSX는 HTML보다는 JavaScript에 가깝기 때문에, React DOM은 HTML 어트리뷰트 이름 대신 camelCase 프로퍼티 명명 규칙을 사용한다.

2. 사용자 정의 컴포넌트는 반드시 대문자로 시작해야한다