목록JSX구조 (1)

개몽가

[React] JSX 구조 및 기본문법 1

JSX이란 ? 자바스크립트 확장문법이며 XML과 유사함 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환 ko.reactjs.org/docs/introducing-jsx.html#why-jsx JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org JSX 구조 리액트 프로젝트 생성 시, node_modules 디렉토리도 함께 생성됨. 이 디렉토리에 react모듈이 설치되어 위와 같이 import를 통해 리액트를 불러와서 사용가능함 JSX 코드 변환 1) JSX코드 2) 변환된 코드 JSX 기본문법 DOM요소 렌더링 1) 컴포넌트에 여러 요소 존재 시 반드시 부모..
Skill/React 2020. 12. 23. 22:46
이전 Prev 1 Next 다음