배열 (2) 썸네일형 리스트형 리스트 표시하기 리스트를 동적으로 표면에 표시하는 방법을 보겠습니다. 리액트는 중괄호를 사용하여 템플릿 안에서 자바스크립트 코드를 작성할 수 있는 기능을 제공합니다. 해당 기능을 사용하여 동적리스트 요소를 만들어 보겠습니다 구현하기 리액트 앱 생성 리액트? 리액트는 자바스크립트 라이브러리로 앵귤러, 뷰와 함께 3대 자바스크립트 프레임워크 중 하나입니다. 앵귤러와 마찬가지로 컴포넌트 단위로 UI를 구성하는 방식을 사용하지만 앵귤러와 달리 jin-co.tistory.com 테스트를 위해 객체를 가진 배열생성 var items = [ {id: 1, name: 'pencil'}, {id: 2, name: 'eraser'}, {id: 3, name: 'brush'}, ] 요소 안에 중복으로 표시하고자 하는 요소를 중괄호로 감싸고.. 배열 안에 객체 밸류 바꾸기 배열 안에 저장된 객체의 밸류를 바꾸어보겠습니다. 먼저, 객체의 밸류는 아래와 같은 방법을 변경이 가능합니다. // 정의된 객체 let car = { year: 2000, model: 'good' } // 수정 let car = { year: 2000, model: 'better' } // 또는 let car = { ...car, model: 'better' } 배열 안에 값은 저장된 밸류들 중에서 수정하고자 하는 값을 찾아서 변경해 주면 됩니다. // 배열 let numbers = [1, 2, 3, 4] // 해당 값의 인덱스를 아는 경우 numbers[0] = 5 따라서 아래와 같은 방법으로 배열 안에 객체의 값을 변경 가능합니다. // 문법 1 cars = cars.map((car) => { if .. 이전 1 다음
