| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
- AtomEditor
- React props
- 알고리즘
- 자바 영어면접
- 생활코딩
- 맥북 팁
- 맥북 사용법
- 백준 단계별로 풀어보기
- 기술면접
- 리액트
- react state
- 맥북 필수 앱
- 맥북 초보
- 아톰에디터
- 백준 알고리즘
- 맥북 유용한 앱
- node.js
- jsx 문법
- 자바 인터뷰
- tech interview
- 자바 기술면접
- react jsx
- Express middleware
- Java tech interview
- 자바 면접
- Node.js Express
- 백준
- mysql
- React
- 자바 개발자
- Today
- Total
목록react jsx (2)
song.log
[React] JSX란?
1. JSX란? JavaScriptXML의 약어 : Javascript에 XML을 추가한 문법 React프로젝트에서 Babel로 컴파일하여 사용(순수 자바스크립트로 변환) 2. JSX의 장점 1) 가독성 우수 // 1. JSX문법을 사용하지 않고 React.createElement로만 작성 ReactDOM.render( React.createElement( 'div', null, React.createElement( 'h1', null, '리스트' ), React.createElement( 'ul', null, React.createElement( 'li', null, '항목1' ), React.createElement( 'li', null, '항목2' ) ) ), document.querySelecto..
[React] 리액트의 컴포넌트를 작성할 때 필요로 하는 JSX 기본문법
1. JSX 란? JSX의 형태를 먼저 보면 HTML의 형태와 굉장히 유사하다. const element = Hello, world!; JSX는 자바스크립트 문법을 기반으로 한 자바스크립트 확장형 문법이다. 리액트 컴포넌트를 작성할 때 주로 사용된다. 2. JSX의 기본 규칙 1) 태그는 언제나 닫아줘야 한다. HTML에서 input태그를 사용할 때 닫아주지 않고도 사용이 가능했다. 하지만 JSX에서는 어떤 태그던지 모두 닫아줘야하는 규칙이 있다. 2) 두 개 이상의 element는 무조건 하나의 element로 감싸져있어야 한다. hello React 불필요하게 태그가 많아서 불편할 경우, Fragment 기능을 사용하면 된다 (v16.2부터 도입된 기능) import React, { Component..