DDOstory

map 함수를 사용해서 리스트를 렌더링 했는데 각 엘리먼트에 키가 빠져 오류가 나는 상황화면에 각 학생 객체의 고유한 값을 가진 아이디를 추가map 함수의 엘리먼트에 아이디를 값으로 해서 키를 넣어줌key를 포맷팅 된 문자열을 key로 사용할 수도 있고 인덱스를 키로 사용할 수도 있음AttendanceBook 컴포넌트는 student라는 배열로부터 학생 정보가 담긴 객체를 받아 학생들의 이름을 목록 형태로 출력하는 컴포넌트배열을 렌더링 하기 위해 map() 함수 사용 🎖️ List같은 아이템을 순서대로 모아놓은 것이 리스트에 해당리스트를 위해 사용하는 자료구조는 배열 (Array)배열은 JavaScript의 변수나 객체를 하나의 변수로 묶어 놓은 것을 의미const numbers = [1, 2, 3, ..

💍 Array 객체변수 하나에 여러 개의 값을 넣을 수 있음한꺼번에 자료를 모아서 처리할 수 있다는 장점 때문에 자바스크립트에서는 배열을 사용한 프로그래밍이 많음배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체  💍 Array 객체로 배열 만들기초깃값이 없을 때var myArray = new Array();초깃값이 있을 때 var numbers = ["one","two","three","four"]; // 리터럴을 사용한 배열var numbers = new Array("one", "two", "three", "four"); // Array 객체를 사용한 배열💍 배열을 만들어보고 배열을 사용하여 메서드 적용 방법 살펴보기concat은 2개 이상의 배열을 연결해서 새로운 배열을 만듬새로운 배..