trouble-shooting
개발을 하면서 문제를 해결한 경험을 깃헙 이슈에 기록하는 repo
개발을 하면서 문제를 해결한 경험을 이슈에 기록하는 repo
개발을 하면서 문제를 해결한 경험을 깃헙 이슈에 기록하는 repo
table안의 td를 하나 하나 크롤링하는데 마지막 td element의 a tag를 찾지 못하는 이슈
td가 tr마다 3개씩 배치되어있는데 마지막 tr에는 첫번째 td에만 콘텐츠가 존재했다.
콘텐츠가 있는 td와 없는 td를 구분하기 위해 td > .info
와 같은식으로 selector의 depth를 늘려줬다.
pupeteer를 활용하여 리스트 형식의 요소를 크롤링할 때 껍데기만 있는 요소가 없는지 확인하자
한줄 요약
paint 시점을 보장하면서 dom 조작을 하려면?
중첩 requestAnimationFrame
https://gist.github.com/getify/3002042#gistcomment-2351663
한줄 요약
rtx-query에서 tag를 이용해 mutation query 후 refetch해오는 로직을 구상하려 했는데 제대로 동작하지 않음
https://stackoverflow.com/questions/68166029/rtk-query-query-not-refetching-after-mutation
middleware에 등록하지 않으면 제대로 동작하지 않음.
store 구성시 middleware에 등록해야 함.
middleware로 어떤걸 등록하는가 ?? 알아보기
createApi로 만든 Api 객체의 middleware는 무엇인가?
UI 프레임워크 (ex-vuetify) 사용시에는 compoent에 정해진 API만 사용할 수 있다.
v-list
component에 dragStart event를 걸어줬으나 console로 찍어봐도 아무것도 나오지 않았다.v-list
관련 API에는 dragStart와 관련된 event가 없어서 event를 걸어도 실행되지 않는다.v-list
를 감싸는 순수 html wrapper(ex-div)를 만들어준뒤 이 wrapper에 event를 걸면 된다.위와 같은 에러가 났으면 object와 관련된 resolver를 잘 작성해주었는지 확인하자
postPerson이라는 resolver를 작성해주었는데 "people" defined in resolvers, but not in schema에러가 남
schema
const typeDefs = gql`
type Mutation {
...
postPerson(input: PostPersonInput): Person!
}
`;
resolver
const resolvers = {
people: (parent, args) => dbWorks.getPeople(args),
person: (parent, args) => dbWorks.getPeople(args)[0],
peopleFiltered: (parent, args) => dbWorks.getPeople(args),
peoplePaginated: (parent, args) => dbWorks.getPeople(args),
postPerson: (parent, args) => dbWorks.postPerson(args) },
};
resolver의 유형(Query, Mutation)이 제대로 구분되지 않은 것이 문제였다.
다음과 같이 resolver의 유형을 적어주어 해결.
const resolvers = {
Query: {
people: (parent, args) => dbWorks.getPeople(args),
person: (parent, args) => dbWorks.getPeople(args)[0],
peopleFiltered: (parent, args) => dbWorks.getPeople(args),
peoplePaginated: (parent, args) => dbWorks.getPeople(args),
},
Mutation: { postPerson: (parent, args) => dbWorks.postPerson(args) },
};
resolver와 schema는 1대1 매칭되어야 한다.
한줄 요약
https://soopdop.github.io/2020/12/01/index-signatures-in-typescript/
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.