1. Query Keys vue query 는 일반적으로 query keys 를 바탕으로 쿼리 캐싱을 관리한다. 이 query keys 는 그냥 문자열 도 가능하고 배열도 가능하다. 일단 serializable 하고 고유하다면 사용가능하다. convention 보통은
Queries 쿼리는 unique key에 연결된 asynchronous source of data에 대한 declarative dependency이다. 쿼리는 서버에서 데이터를 가져오기 위해 GET 및 POST 메소드를 포함한 모든 Promise 기반 메소드와 함께
클라이언트는 서버로부터 API를 통해 데이터를 받아온다.데이터가 클라이언트에 한 번 전해진 이상, 클라이언트는 해당 데이터가 최신 데이터인지 더 이상 알 수가 없다.이렇게 서버에서 클라이언트로 전해져 최신 데이터인지 알 수 없는, 즉 신선함을 잃은 데이터를 stale
VueQuery는 React Query의 개념을 Vue.js 프레임워크에 적용한 것으로, 서버 상태 관리를 위한 라이브러리이다. 이는 Vue 애플리케이션에서 비동기적으로 데이터를 가져오고, 캐시하고, 동기화하는 과정을 쉽게 만들어 준다.자동으로 데이터를 캐시하여, 사용
준비물 자바 8 이상 jdbc driver 우선 개발자 입장에서 누군가가 설치 파일을 들고 이걸 설치해달라고 했을 때를 상정한다. 자바 설치는 앞선 포스팅에서 했고 내 기준 mariaDB 를 사용하여 진행하겠다. 다음 jdbc driver 를 바탕으로 연결 상태를
설치 ① sudo 권한으로 apt 업데이트하고 openjdk v17을 설치한다. $ sudo apt update $ sudo apt install openjdk-17-jdk ② 설치한 java 버전을 확인한다. $ java -version 1 openjdk
우선 앞서 배운 코드를 기반으로 대충 퍼지는 코드를 작성해보면 우선 <canvas> 의 전반적인 설정값을 갖고있을 CanvasOption 클래스그리고 각각의 점이 될 Particle 클래스그리고 마지막으로 실제 그려주는 로직이 들어가는 Canvas 클래스를 생성해
gooey effect 란 겹치는 영역에 선을 이어 마치 끈적끈적하게 보이도록 하는 이펙트이다.https://css-tricks.com/위 배열에서 주대각선의 점들을 보면 블러가 처리됨에도 불구하고 대비가 높으면 아무것도 적용되지 않은 점과 크게 다른 점이 없
Canvas 알아보기 캔버스 동작원리 참고로 이제 webgl 등 다른 context 를 사용하려면 브라우저 설정에서 webgl이 활성화되어 있는지 확인해야한다고 한다. 그리고 또 사용자의 브라우저 설정이나 설치된 확장 프로그램(예: 광고 차단기)에 의해 webgl이
토이 프로젝트를 개발하다보면 가끔 import, export 모듈을 인식하지 못 하는 경우가 발생한다. 그래서 이를 원래는 html 에서 모듈 타입을 지정하면 해결되는데 이렇게 타입을 명시해 ES6 모듈로서 스크립트를 로드할 수 있다. 그런데 이를 적용해도 해결이 안
사실 RDB 에는 상속 개념이 없다.다만 슈퍼타입 서브타입 관계라는 모델링 기법이 객체 상속과 유사하다.그래서 정리하면 상속관계 매핑: 객체의 상속과 구조 와 DB에서 슈퍼타입, 서브타입 관계 를 서로 매핑하겠다는 것이다.따라서 앞선 포스팅의 연관관계에서는 DB는 바뀌
1. 연관관계 매핑시 고려사항 3가지 1) 다중성 일대일: @OneToOne 일대일 다대일(가장 많이 사용): @ManyToOne 일대다 일대다: @OneToMany 다대일 다대다: @ManyToMany 다대다 여기서 다중성은 DB를 기준으로 다중성을 체크해
요즘 트렌드 요즘 개발자들 사이에서 주로 사용하는 언어들을 보면, " TDD와 DDD로 개발을 진행한다 " 라는 말을 들을수 있다. 그리고 이에 더해 추가로 BDD, RDD 에 대해서 도 알아보자. Software Development Methodology 의 TD
소켓 통신은 네트워크 상에서 서로 다른 호스트를 실행 중인 프로그램 간에 데이터를 교환하기 위한 메커니즘을 제공합니다. 소켓은 마치 전화기와 같아서, 한 쪽 끝에서 다른 쪽 끝으로 메시지를 보내기 위해 두 프로그램이 연결을 맺어야 합니다. 소켓 통신을 가능하게 하는
컴퓨터 네트워크와 웹 개발에서 사용되는 프로토콜은 매우 다양하며, 각각은 데이터 교환과 통신을 위해 설계된 규칙과 표준의 집합이다. 1. 네트워크 계층 프로토콜 1. IP (Internet Protocol): 인터넷에서 데이터를 전송하기 위한 주요 프로토콜이다. IP
Proxy 서버 Proxy 서버란? 프록시 서버(Proxy Server)는 클라이언트와 서버 사이에서 중개자 역할을 하는 서버이다. 클라이언트가 인터넷 상의 다른 서버에 데이터를 요청할 때, 그 요청이 직접 서버로 가는 것이 아니라 프록시 서버를 거치게 되는데 프
루프 랜선? 네트워크에서 이더넷 케이블의 동선 배열은 신호 전송의 효율성과 오류 최소화를 위해 중요하다. 각 동선은 특정 신호 전송 역할을 담당하며, 이를 통해 데이터가 물리적인 링크를 통해 효과적으로 전송될 수 있다. 1. TX(Transmit)와 RX(Rece
아이디어 나같은 경우는 아래와 같은 상황이었다. 서버 A에 SSH를 사용하여 접속해서 서버 A에 저장 된 git-lab 데이터들을 압축하여 컨테이너에서 뺀 다음 해당 파일을 서버 A에서 서버 B를 ssh로 접속하여 호스트에 저장된 데이터를 컨테이너로 넣어주는 작업 후