jsx2 JSX 리액트는 JSX를 사용해야 한다. JSX 자바스크립트를 확장한 문법이다. 자바스크립트의 모든 기능이 포함되어 있다. 1. JSX에서 태그는 꼭 닫혀야 한다. 아래의 예제에서 input에 close가 되지 않는다면 에러가 발생한다. import React, { Component } from 'react'; class App extends Component { render() { return( ); } } export default App; 2. 두 개 이상의 엘리먼트는 무조건 하나의 엘리먼트로 감싸 져있어야 한다. Fragment를 이용하면 된다. 를 사용해도 되지만 Fragment를 사용하는 것이 더 효율적이다. import React, { Component, Fragment } from 'react';.. 2021. 1. 25. React란? 리액트는 프론트엔드 라이브러리이다. 더보기 프론트엔드 라이브러리는 다양한 유저 인터페이스와 인터랙션을 제공할 때 이를 수월하게 해주는 것이다. HTML, CSS로 정적인 '페이지'로 동작시킬 수 있으며, Javascript를 더해주면 동적인 '페이지'로 동작시킬 수 있다. 그럼에도 불구하고 React나 Vue의 도움으로 *DOM 관리와 상태 값 업데이트 관리를 최소화하고 오로지 기능 개발과 사용자 인터페이스 구현해 웹 '애플리케이션'으로 개발에 집중할 수 있도록 해준다. * DOM(Document Object Model) : 문서 객체 모델이다. 웹 페이지에 대한 프로그래밍 인터페이스이며 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있는 API를 제공한다. 즉 .. 2021. 1. 21. 이전 1 다음
