리액트의 기본문법 JSX

리액트 프로젝트 생성 후 기본적인 파일들을 알아보자! index.html -> 빈 껍데기 html파일: 파일안에 아무런 내용은 없지만, react모듈, react-dom모듈 그리고 App.js파일을 불러오고있다. app.js 파일에서 JSX문법의 함수형 컴포넌트를 이용해 빈껍데기 html에 필요한 것들만 보내서 실제 웹 페이지를 구성한다. 이런 형식을 SPA(=Single Page Application)라고 부른다. 리액트는 JSX문법을 사용해 리액트 요소를 만들고 DOM에 렌더링 시켜 뷰를 그린다. *JSX는 확장된 자바스크립트 JSX사용법 *개발자 도구 맥 단축키 [cmd + opt + i] 1. 태그는 꼭 닫아주기 2. 무조건 1개의 엘리먼트 반환 3. JSX에서 자바스크립트 값을 가져오거나 map..

2021.04.04