728x90 JSX 문법1 JSX 1 2 3 4 5 6 7 8 9 10 function App() { return ( Hello react ); } export default App; cs 위 코드는 APP이라는 컴포넌트를 생성한다. function 키워드를 사용해 만든 커포넌트를 함수형 컴포넌트 라고 하며 이를 렌더링 하면 함수에서 반환하고 있는 내용을 나타낸다. 위 코드에서 HTML처럼 생긴 것을 JSX라 한다. JSX는 js의 확장 문법이며 이를 사용해 작성된 코드는 브라우저 에서 실행되기 전에 코드 번들링 과정에서 바벨을 사용해 일반 js형태로 변환 된다. 1 2 3 4 //위 코드를 변환하면 다음과 같이 된다 function App(){ return React.createElement("div", null, "Hello", Re.. 2021. 6. 19. 이전 1 다음 728x90