우선 리액트 플젝에서 three dots 아이콘을 누르면 context menu가 랜더링 되도록하고 이후 menu의 바깥 쪽을 클릭하면 없어지게 하기 위하여 useUnmountIfClickedOutside(이하 커스텀 훅) 를 이용하였다.그런데 위의 커스텀 훅에서 이벤

Sigletoninstance는 딱 하나만 존재Single source of truth에 유용?ProxyIntercept data and transformObserver많은 객체가 subscribe 함.One-to-manyTarget object가 바뀌면 subscri

Zodios를 써보자. react-query를 유지보수하는 tkdodo형님도 react-query type-safe 라이브러리로 추천하셨다.api schema(https://www.zodios.org/docs/client그리고 프론트에선, react-query

express에서 서버를 세팅하고 client에서 요청을 보냈는데 cors에러가 떴다.찾아보니 역시나 express에서 요청이 들어오는 쪽 origin과 요청의 종류를 명시해야한다. 만약 요청에 cookie, http 인증같은 보안 인증 정보를 포함해 주고받으려면 양쪽

user와 refreshKey를 one to one관계로 설정하고 create한뒤 delete하려 했으나 다음과 같은 에러가 발생했다.Foreign key constraint failed on the field: foreign key구글링해보니 referential a

각각 필요한 route를 folder에 정리하고 각각의 folder를 routes/index.js에서 한번에 선언한 다음 routes/index.js 에서 선언한 routes를 src/index.js에 express에다가 적용하면 routes가 한번에 적용이 된다.무슨

postman에서 body를 보내는데 계속 body가 빈 객체로 넘어오는것이다..아래와 같이 헤더를 설정해주고 body는 row에서 쌍따옴표를 붙여야한다.

npm install -D prettier prettier-plugin-tailwindcss하고 난 다음 아래 처럼 설정.

prisma는 ORM으로, 객체를 schema로 정의한다음 그 객체와 내가 선택한 데이터 베이스를 연결시켜주는 매개체이다.server side쪽에서 데이터 베이스를 CRUD가능하도록 해준다. 또한 node js와 typescript를 사용하기에, javascript를

sql처럼 row \* column으로 이루어진 테이블에 데이터를 저장한다.그러나 object relational data 이기 때문에 custom type data를 만들어 object로 변환가능하며 객체의 속성, 즉 상속과 다형성, 확장성의 특성을 갖는다.그리고 A

prisma를 공부하기 전에 ORM이 라는 개념이 나와서 공부해보려고 쓴 글이다.ORM은 Object Relational Mapping의 약자로 객체와 관계형 데이터를 이어주는 중재자 역할을 한다.기본적으로 object와 relation data base는 여러면에서

리액트에서 어떤 값을 변수에 저장하고 갱신하려고한다.그 값은 closure여서 reference가 바뀌지 않아야 한다.만약 새로운 값으로 갱신하려할때 컴포넌트가 리랜더링 되지 않으면 좋겠다.할때!! useState가 아닌 useRef를 쓰면 된다. useInterval

짜잘하게 알아낸 jest 문법, 설정방법 등등 알아낸것을 적는 공간path alias 를 설정시 tsconfig 뿐만 아니라 jsconfig / babelrc 에도 설정해주어야 함image path를 import하지 말고 image src에 string으로 그대로 적으

https://stackoverflow.com/questions/57901725/react-creating-dynamically-refs-with-typescripthttps://react.dev/reference/react/forwardRef#usa

부모의 높이를 화면의 높이로 설정그리고 자식 element들의 높이 합이 부모보다 커야함. 그래야 스크롤할 공간이 생기니깐.parentElement.scroll({top:옮기고 싶은 위치}) 로 하면 됨

테이블 만들때 간격이나 너비때문에 애먹으면 div를 넣어보아라. 편법이지만 잘적용됨 ㅋㅋㅋㅋㅋ

캐싱되는 이유는 당연하다. 데이터를 불러오는 시점에서 사용된 access_token이라던가 id가 동일해야 데이터도 동일하게 유지되어 캐싱되기 때문.useQuery에서 queryOption에서 enabled라는 필드가 있다. 이 필드가 true가 되는 시점에서 useQ

아래 링크를 들어가봐라. 클래스를 이용해 바운더리 설정하고 있다.componentDidMountcomponentWillUnmount를 사용하여 error, unhandledrejection 이벤트를 설정해서 에러가 빠져나가지 못하도록 확실히 하는 방법도 있다.https

: 실험 공간. 아무거나 실험 가능하고 실수 가능: prod와 같은 공간. db도 dummy가 아닌 실제 prod와 같은 db. 근데 사용자가 있는 공간은 아님. 흔히 beta 버전이 stage임: 사용자가 실제 존재하는 공간. 여기선 어떤 실수도 일어나선 안됨출처 :

apps flyer 의 deep link를 검색해보자. 그럼 앱으로 바로 이동 가능함LongUrl 소개 : https://support.appsflyer.com/hc/en-us/articles/360017132597parameter 명세 : https&#x3A