Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- spring security
- Javascript
- JPA Update\
- javascript 기초
- react react-router-dom v6
- Spring CORS
- javascript 함수
- react link
- Spring Controller return
- 코드 중복제거
- spring builder
- react Quill
- Spring JPA
- javascrpit 기초
- react quill custom
- react jsx if
- springbatch chunk
- springbatch
- spring
- Docker Windows 설치
- 텍스트가 많은 경우
- Spring Entity
- react Page
- SpringBatch 스키마
- react
- editor Quill
- step 테이블
- react forwardRef
- Spring DTO
- JPA Insert
Archives
- Today
- Total
목록react 반복문 (1)
천천히 알아보는 코딩공부
[React] jsx 반복문 / for 반복문
리액트에서는 html을 반복문으로 반복시킬 수 있다. map() 함수 개념 array 내의 모든 데이터에 똑같은 작업을 시켜주고 싶을 때 사용. //자바스크립트 표현 var arr = [2, 3, 4]; arr.map(function(a){ return a * 2 }); //(3) [4, 6, 8] arr 내에 있는 데이터들을 파라미터 a에 넣어서 모두 2씩 곱해줄 수 있다. map은 유사 반복문이다. React에서 반복문 쓰는 법 : .map() 우선 JSX 중괄호 내에서 for을 사용할 수 없다. map()은 사용가능하다. 예제 1 return ( {users.map(user => ( {user.username} ({user.name}) ))} ); 예제 2 { 글제목.map(function(글){ ..
React/기초
2022. 9. 26. 16:41