| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- DoM
- DS
- while
- DB
- Algorithm
- Pipelining
- html
- for
- function
- Linux
- react
- architecture
- github
- system
- data structure
- web
- MacOS
- CSS
- control
- php
- mysql
- javascript
- Class
- XML
- computer
- DATAPATH
- Java
- MIPS
- python
- instruction
- Today
- Total
목록jsx (3)
YYYEJI
[React] JSX 태그 내부에서 변수 사용하기
React(리액트)에서 변수는 return 위에서 생성됩니다. function Question() { return ( Question ); } 아래와 같이 변수를 선언합니다. const str1="Hello" const str2="1" let num = 1 function Question() { const count = 0 return ( Question {count} ); } let 타입은 선언 이후에 값이 변할 수 있음을 의미합니다. (const는 선언 이후에 값이 변할 수 없습니다!) 변수에 목적에 맞게 타입을 지정해서 변수를 정의해주면 됩니다. function Question() { let count = 1 return ( Question {count} ); } 변수를 사용할 땐 {중괄호}에 변수..
[React] JSX expressions must have one parent element 에러
아래와 같은 코드를 작성했다가 JSX expressions must have one parent element 에러를 받았습니다. function Loading() { return 분석중입니다...; } 이 에러는 JSX 문법을 사용할 때 여러개의 컴포넌트가 사용될 때 parent element로 컴포넌트를 감싸지 않아서 등장하는 에러기에 function Loading() { return ( 분석중입니다... ); } tag를 tag 안으로 넣어줬더니 해결됐습니다. ◡̈
[React] JSX(JavaScript XML)에서 웹 브라우저가 이해할 수 있는 코드로 변환하기
https://yyyeji.tistory.com/383 [React] 리액트(React) 기본 리액트(React)란? JavaScript 라이브러리의 하나로 사용자 인터페이스를 만들기 위해 사용되는 웹 프레임워크입니다. 아래 방식은 리액트를 시작하기 전 리액트를 이해하기 위한 리액트를 사용하는 yyyeji.tistory.com 우리는 위에 봤던 코드를 JSX코드로 변경시켜 줄 예정입니다. JSX(JavaScript XML)는 JavaScript에 XML을 추가한 확장한 문법입니다. 우리는 JSX 문법을 사용하지만 웹 브라우저는 JSX 문법을 이해하지 못합니다. Babel을 사용해서 JSX문법을 웹 브라우저가 알아듣을 수 있는 코드로 변경합니다. 에러없이 웹 브라우저가 잘 작동하는 것을 확인할 수 있습니다..