공부블로그

자바스크립트에서 자료를 가져오고 뿌릴 때 자주 사용하게 되는 구조분해 할당을 정리해보자 간단하게 말하면 객체안의 각각의 요소를 하나씩 분해해주는 것~ 기본할당 var o = {p: 42, q: true}; var {p, q} = o; console.log(p); // 42 console.log(q); // true 새로운 변수 이름으로 할당 var o = {p: 42, q: true}; var {p: foo, q: bar} = o; console.log(foo); // 42 console.log(bar); // true 기본값 : 객체로부터 해체된 값이 undefined인 경우 변수에 기본값을 할당할 수 있다. var {a = 10, b = 5} = {a: 3}; console.log(a); // 3 c..

list.map( )은 프론트엔드 하면서 제일 많이 쓰는 구문아닐까 싶다. { list.map((value, index) => ) } 보통 이런 식으로 코드를 작성해서 list안의 각 값에 따라 컴포넌트를 쫘악 펼쳐주는 역할을 하는데 개념자체를 혼동해버렸다... 에서 수정 모드로 변경하게 되면 전체 배열이 수정모드로 변경된다고 생각하고 수정모드로 변경된 아이템을 찾아서 따로 적용해줘야된다고 착각하고 있었다. 은 배열의 요소 중 오직 하나의 아이템이고 하나의 값만 넘어오기 때문에 내가 수정버튼을 누르면 내가 누른 그 컴포넌트만 변경되는 것이다!!! 그래서 다시 정리한다... map()은 뭘까? 보다시피 map은 배열 내에 모든 요소에 대해 주어진 함수를 실행하고 결과를 모아서 '새로운 배열'을 '반환'한다..