코딩하는 둥식이

🔎 filter() 메서드 : 각 요소마다 콜백 함수를 실행해서 return값이 true인 요소만 걸러내는 함수 ⭐ 단, 어떤 요소도 통과하지 못하면 빈 배열을 반환함 ✅ 코드 이해하기 - ReviewList.js import "./ReviewList.css"; function formatDate(value) { const date = new Date(value); return `${date.getFullYear()}, ${date.getMonth() + 1}, ${date.getDate()}`; } function ReviewListItem({ item, onDelete }) { const handleDeleteClick = () => onDelete(item.id); // onDelete 함수를 it..

🔎 불변함수 ( 깊은 복사 함수 ) 1. concat 2. filter 3. map 4. slice 5. 스프레드(전개) 연산자 ※ 컴포넌트화 시켜서 사용 ==> 렌더링을 각각 할 수 있음 ※ 리액트 엔진은, 부모가 다시 그려지면 자식도 다시 그려야할지 연산(=리렌더링)을 함! ➡ 자식을 다시 그릴지 안그릴지를 래퍼런스로 비교함 (의존성) 1️⃣ 스프레드 연산자 : 점 3개가 연달아 붙어 있는 연산자로, 기존 배열이나 객체의 전체 또는 일부를 다른 배열이나 객체로 빠르게 복사 할 수 있음 ⭐ 응용해보기 const a = [1, 2, 3]; . . . const c2 = [0, ...a, 4]; // concat과 같음 console.log(`c2의 값은 : ${c2}`); // 1,2,3,4 concat..