루이의 개발 블로그

Object.entries(state.incarInputs).forEach(([key, value]) => { validData.incar[key] = {}; if ("value" in value) { validData.incar[key].value = value.value; } if ("file" in value) { validData.incar[key].file = value.file; } });해당 코드를 보면 forEach를 통해 value를 받아오고. 그 안에서 얻은 값을 가지고 value.value 와 같이 접근한다. 처음에 이 부분이 좀 마음에 들지 않았지만 달리 방법이 없다 생각하여 이대로 진행했다. 하지만 그런 생..

({ incar }) => (workDir) => { // 필터링된 파일 리스트를 가져오는 함수 정의 const copyFiles = Object.values(incar.inputs) .filter((input) => input.file?.value?.length > 0)해당 로직을 보면 incar로 불러온 다음 incar.inputs를 사용하는것을 볼 수 있다. 나는 이렇게 사용해야만 하는 줄 알았다. 문득 그 안에있는 자식을 바로 구조분해할당으로 바로 얻을수는 없을까? 하고 알아본 결과 다음과 같은 방법으로 가능하다는 것을 알게 되었다.{incar:{inputs}} 그냥 오브젝트 구조를 그리고 어떤 속성을 가져올지 적으면 되는것이였다.({ incar:..

화살표 함수는 정의에 따라 this가 가리키는게 달라진다. 그러니 다음과 같은 상황을 예시로 보자data(){ userInfo:{ name:"It's me Mario" }}computed:{ test:()=>()=>this.userInfo}우리는 this.userInfo를 출력했으니 값은 name:"It's me Mario" 이 나올거라고 예상하지만 실은 틀렸다. 실제로 이 상황에서는 에러를 발생 시킨다. 이유는 화살표 함수의 this는 undefined이기 때문이다.왜 이렇게 되는 걸까?일단 화살표 함수는 자체 this가 존재하지 않기 때문에 상위에 있는 this를 사용한다고 한다.이런 상황에서 this.userInfo 를 호출하면 this 또한 존재하지 않기에 undefined을 출력하게되고, un..