React에서 reverse() 사용 (최신순 정렬 구현법)

// dummy.ts
export const dummy = [1, 2, 3];
// main.board.tsx
function MainBoard() {
	return <div>
		{dummy.reverse().map((item) => <div>{item}</div>)}
	</div>
}
/*
	1
	2
	3
	리렌더링 되면서 dummy 배열이 변경되어 순으로 나올 수 있음.
*/

// main.board.tsx
function MainBoard() {
	return <div>
		{[...dummy].reverse().map((item) => <div>{item}</div>)}
	</div>
}
/*
	항상
	3
	2
	1
	순서로 리렌더링
*/

참고자료 : https://velog.io/@nearworld/React%EC%97%90%EC%84%9C-reverse-%EC%82%AC%EC%9A%A9