| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Nike
- 덩크로우
- stockx.com
- 자바스크립트
- Dunk Low
- 주식
- react
- Linux
- dunklow
- 리액트
- 덩크 하이
- jQuery
- 코로나19
- draw
- 리눅스
- Python
- 제이쿼리
- oracle
- 덩크 로우
- dunk high
- 나이키
- sacai
- GIT
- Github
- 주식공부
- 발매예정
- 드로우
- JavaScript
- 오라클
- 파이썬
- Today
- Total
목록JSX문법 (2)
Life goes slowly...
[React] React.js 의 JSX 문법
React에서는 HTML을 직접적으로 작성하지 않고 유사해 보이는 JSX을 사용합니다. JSX란 자바스크립트의 확장된 문법으로써 XML과 비슷하게 생긴 프로그래밍 언어입니다. React의 JSX란? JSX란 자바스크립트의 확장된 문법으로써 Javascript XML의 줄임말입니다. JSX는 React에서 사용되는 문법으로 공식적인 자바스크립트 문법은 아닙니다. 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 문법으로 변환됩니다. 바벨에서는 여러 문법을 지원할 수 있도록 preset 및 plugin을 설정하여 개발자들이 임의로 만든 문법 또는 자바스크립트의 문법을 사용할 수 있도록 변환합니다. JSX 문법 규칙 1. 부모의 요소 하나가 반드시 감싸는 형태야 하는 규칙 - Virtual ..
[React] <input> cannot appear as a child of <table>. 에러
cannot appear as a child of . Error 발생 Warning: validateDOMNesting(...): cannot appear as a child of . React 프로젝트를 진행 중에 발생하는 Error입니다.이는 Chrome의 개발자 도구인 Console에서 확인할 수 있는 Error로써 스크립트 오류로 확인할 수 있습니다.이는 태그 안에 태그가 들어가면 안 된다는 스크립트 오류입니다.( 자식으로 가 올수 없다는 경고)그리고 React의 JSX에서 Table를 쓸때에는 유의해야 할 부분이 있습니다.React의 JSX 사용시 반드시 tbody와 thead를 써야 하며 tbody를 선언해야만 tr과 td를 사용할 수 있습니다. 그리고 thead를 작성해야만 th를 사용할 수..