루이의 개발 블로그

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..

안녕하세요 최근 들어 금액이 오른 유튜브 결제 비용이 올라서 고민이 많으실탠데요. 유튜브 프리미엄을 조금 할인된 금액으로 이용할 방법이 없을까요? 조금 더 저렴하게 하는 방법을 안내해 드리겠습니다. https://www.nfxbus.com/#/plat/home할인코드  : 7ZW8DM(핵심이 필요한 분을 위해 미리 할인코드를 먼저 안내 해드립니다.)  해당 사이트의 시스템은 어떻게 되는 걸까요? 사기 아닐까 하고는 걱정 되시지 않으신가요? 제가 알고있는 지식 내에서 해당 정보를 공유해드리겠습니다.  한번쯤은 이런 생각 해보시거나, 이용해 보신적은 없으신가요? NetFlix 계정 공유가 가능하니, 친구들 끼리 계정을 공유해서 금액을 1/N 해서 결제하면 어떨까? 라는 생각 누구나 한번쯤은 해보셨을 탠데요...

dataviewJs 특정 폴더의 파일 리스트 불러오기 이 글에서 변수 선언과, 파일 리스트를 불러오는 방법을 알아보겠습니다. 이 포스트에서 사용할 코드는 다음과 같습니다. const list : 변수 선언 dv.pages() : 폴더 경로 설정 dv.list() : 리스트 타입으로 파일 조회 console.log() : 데이터 콘솔 표시 자 시작하기 앞서 Ctrl + Shift + I 를 하여 개발자 도구를 열어줍니다. 이 안에서 우리가 사용하는 변수의 값을 확인할 수 있습니다. 이 콘솔창을 보며 하나하나씩 파헤쳐가 봅시다. 사진과 같이 창을 띄운후 Console 탭을 눌러주세요 ```dataviewjs const list = dv.pages('"1.Project/4.dataview"') console...

dataview에서 javascript 언어를 사용한다!? 지금까지 sql문과 유사한 DQL에 대해서 알아보았습니다. sql쿼리문이 익숙하지 않은 사람은 javascript로 작성할 수 있다는 점 알고 계셨나요? 프로그램 개발자 분들이라면 알수도 모를수도 있지만, 만약 웹 개발자라면 모르시지 않을 거라고 생각됩니다. 어떻게보면 더욱 편리할 수도 있는 javascript 방식에 대해 알아봅시다! 사용하기 앞서 해당 javaScript를 사용하겠다고 옵션에서 설정을 해주어야 합니다. 다음과 같이 플러그인 옵션을 설정해줍니다. 이전에 DQL 방식으로 했던걸 떠올리며 똑같이 따라 해볼까요? 가장 첫 단계는 무엇이였죠? 경로 안에 있는 파일 리스트를 불러 오는 방법부터 시작해봅시다! 가장 먼저 알아야 할 점은 코..