React에서 html 반복 생성하는 법

[1,2,3].map(function(){
	return <div>안녕</div> **
})

// 위 코드의 단점 => 확장성이 없다. 글이 100개 인 경우 하나씩 기입하기 너무 힘들다.

// state의 개수 (블로그의 글) 만큼 반복해주세요 이런식으로 구성해야 
let [글제목, 글제목 수정] = useState(["남자 코트 추천", "오렌지 캬라멜"])

{
	글제목.map(function(){
		return(
			<div>{글제목[0]}</div>
		)
	});
}

// 위 코드의 단점 : 한 개의 코드만 복사 함, 자동으로 state값을 순회 할 수 있도록 해야함

글제목.map(function(**a**)){
	return(
		<div>{**a**}</div>
	)
}      // a를 파라미터로 전달함으로써 순회하게 만듦

[1,2,3].map(function(a)){ * 답 순서대로 1, 2, 3 출
	console.log(a)
}  // 이 원리임

// i 는 반복문이 돌대마다 1씩 커지는 정수 이므로 이런식으로 구성해도 상관이 없다.

글제목.map(function(**a, i**)){
	return(
		<div>{글제목[i]}</div>
	)
}  

삼항연산자

React는 if문을 JSX 코드 안에 삽입할 수 없다. 그래서 삼항 연산자를 사용해야한다.

ex)
조건식 ? 참일때 실행할 코드 : 거짓일 때 실행할 코드