javascript108 Array.prototype.findLast() ① MDN 스타일 요약 findLast() 메서드는 배열을 **역순(오른쪽에서 왼쪽)**으로 순회하며, 제공된 테스트 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 만족하는 요소가 없으면 undefined를 반환합니다. find()와 사용법은 동일하지만, 검색 시작점이 배열의 끝이라는 점이 다릅니다. 이는 최신순 데이터나 마지막 기록을 찾을 때 성능상 이점과 코드 가독성을 제공합니다.② React 실무 예시 채팅 앱이나 로그 시스템처럼 데이터가 계속 쌓이는 구조에서 "가장 최근의 특정 상태"를 찾아야 할 때 매우 유용합니다.import React, { useState } from 'react';const ChatApp = () => { const [messages, setMessages] = use.. 2026. 1. 15. Array.prototype.with() ① MDN 스타일 요약 with() 메서드는 특정 인덱스의 값을 주어진 값으로 교체한 새로운 배열을 반환합니다. 기존의 array[index] = value 방식은 원본 배열을 직접 수정(Mutation)하지만, with()는 원본을 보존합니다. 이는 React에서 state를 변경할 때 복사본을 만들어야 하는 번거로움(Spread 연산자 사용 등)을 획기적으로 줄여줍니다.② React 실무 예시 React에서 체크리스트의 특정 항목만 수정하거나, 리스트 중 하나를 선택해 업데이트할 때 코드가 매우 간결해집니다.import React, { useState } from 'react';const TodoList = () => { const [todos, setTodos] = useState(["리액트 공부.. 2026. 1. 15. Array.prototype.at() ① MDN 스타일 요약 at() 메서드는 정수 값을 인수로 받아 해당 인덱스에 있는 항목을 반환합니다. 가장 큰 장점은 음수 인덱스를 사용할 수 있다는 것입니다. 음수를 넣으면 배열의 끝에서부터 거꾸로 요소를 찾습니다. 기존의 array[array.length - 1] 같은 번거로운 문법을 대체하기 위해 등장했습니다.② React 실무 예시 React에서 **브레드크럼(Breadcrumbs)**의 현재 위치를 표시하거나, 사용자가 입력한 리스트의 마지막 항목을 강조해야 할 때 매우 유용합니다.import React, { useState } from 'react';const RecentLog = () => { const [logs, setLogs] = useState([ "시스템 시작", "데.. 2026. 1. 15. 이전 1 2 3 4 5 6 7 8 ··· 36 다음