state의 형태인 let [a,b] = useState(’초기값’), 이 꼴은 js의 Destructuring문법에서 따왔다고 한다. 나온 김에 참고용으로 정리해본다.
※참고용
JS에서 Destructuring 문법이란? 객체나 배열을 분해하여 그 요소들을 개별 변수에 할당하는 문법.
변수를 더 간결하게 정의하고 데이터를 추출할 수 있다. 중괄호 '{}'를 사용해 객체의 속성을 추출하고 새로운 변수에 할당함
let num = [1, 2];
let a = num[0];
let b = num[1]; 이렇게 쓸 수 있지만
let [a, b] = [1, 2]; 이렇게 오른쪽과 왼쪽의 형태를 맞춰주면 array 안에 있는 자료들을 각각 변수로 빼주는 문법이라 함
카드뉴스에 추가는 못했지만, map도 알아두자..html 반복생성하려면 map() 쓰면된다!!
JS에선 모든 array 뒤에 map 붙일 수 있는데 콜백함수도 써야함
[어레이].map(function(){})
왼쪽 array 자료만큼 내부코드 실행, return을 array에 담아줌, function(a,i)처럼 파라미터 2개까지 작명 가능
