# prefetch

Poke Docs 만들기 - NextJS, react-query
서론에서 썻던것과 같이 페이지는 총 3개로 구성하였습니다.index.tsxdocs.tsxitem/id.tsx일단 Next js 에 나온것 과 같이 시작을 하였습니다.기본적으로 typescript, eslint, prettier 를 추가하였습니다.1.nextJS 에서 t

DB에 날리는 Query를 줄여보자 - 2편 prefetch_related
먼저 select_related 와 prefetch_related의 차이점을 Join을 DB가 하느냐 아니면 Python이 하느냐다. 앞써 select_related는 DB query에 Join 구절이 들어간 것을 확인할 수 있다. 하지만, prefetch를 하게되면

DB에 날리는 Query를 줄여보자 - 1편 select_related
The only reason to use either of these methods is when a single large query is preferable to many small queries. Django uses the large query to create
[prefetch_related] 역참조 이해하기
staff 에서 movie name 출력하기related name로 중간테이블인 moviestaffposition를 역참조하기여러개의 객체가 리스트 형태로 담겨있어 for문을 통해 name 출력하기
🌈 select related& prefetch related
select related 와 prefetch related를 사용하면 쿼리를 줄여서 최적화 할 수 있다. 즉, 하나의 QuerySet 객체를 가져올 때 연관있는 Modele들을 같이 가져온다우선 간단한 모델 하나로 예를 들어 이해해보자.select_related는

[ Django ] 참조
Django 정참조와 역참조 그리고 참조 관계에서의 캐싱인 select_related()와 prefetch_realted()에 대해 알아봅시다.

⚡️ Google Chrome Labs의 Quicklink로 웹페이지 UX 향상시키기
이 글에서는 Google Chrome Labs에서 2018년 11월에 공개한 quicklink에 대해 알아보고 간단하게 사용해보는 방법을 다룹니다.