탄탄대로

useQuery Option - enabledTanStack Query(React Query와 같은)의 enabled 옵션을 사용하면 쿼리를 비활성화하거나 일시 중지할 수 있습니다. 이 옵션을 사용하면 특정 조건이 충족될 때까지 쿼리를 실행하지 않도록 설정할 수 있습니다. 다음은 이 옵션을 사용하는 방법과 주요 시나리오에 대한 설명입니다.주요 포인트영구적 비활성화 및 일시 중지:enabled 옵션은 쿼리를 영구적으로 비활성화할 수 있을 뿐만 아니라 나중에 특정 조건이 충족될 때까지 쿼리를 일시 중지할 수도 있습니다.조건부 실행:쿼리를 초기화할 때 바로 실행되지 않도록 하고, 특정 조건이 충족되었을 때만 실행되게 할 수 있습니다.사용 예시필터 폼에서의 사용사용자가 필터 값을 입력한 후에만 쿼리를 실행하고 ..

vue-query 란?vue-query는 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 보다 쉽게 다룰 수 있도록 도와주는 라이브러리입니다. 클라이언트 상태와 서버 상태를 명확히 구분하기 위해 만들어졌습니다.기존 상태 관리 라이브러리(vuex, pinia 등)는 클라이언트 상태 작업에 적합하지만, 비동기 또는 서버 상태 작업에는 그다지 좋지 않습니다.클라이언트 상태(Client State)와 서버 상태(Server State)는 완전히 다른 개념이기 때문입니다.클라이언트 상태는 각각의 input 값으로 예를 들 수 있고,서버 상태는 데이터베이스에 저장되어 있는 데이터로 예를 들 수 있습니다.vue-query의 배경TanStackHigh-quality open-source softwar..

스캐폴딩(Scaffolding) 프로그래밍에서 새로운 프로젝트나 모듈을 시작할 때, 초기 구조와 설정을 자동으로 생성해주는 과정이나 도구를 가리킵니다. 이는 개발자가 처음부터 모든 것을 수동으로 설정하고 작성하는 번거로움을 덜어주고, 더 빠르게 개발을 시작할 수 있도록 도와줍니다.

■ 성능 데이터 모델링 - 데이터베이스 성능 향상을 목적으로 데이터 모델링 설계단계에서부터 성능과 관련된 사항이 데이터 모델링에 반영될 수 있도록 하는 것 = 데이터베이스 성능 향상을 위한 사항이 데이터 모델링에 반영되도록 하는 것 - 데이터 모델링 과정에서 모델의 구조가 변경될 수 있음 - 수행 시점: 분석/설계 단계 (성능 데이터 모델링 시점이 늦어질 수록 재업무 비용이 증가) - 고려 사항: 정규화 수행, 데이터베이스 용량 산정과 트랜잭션 유형 파악을 통한 반정규화 수행 ■ 성능 데이터 모델링 순서 1. 데이터 모델링을 할 때 정규화를 정확하게 수행한다. 2. 데이터베이스 용량산정을 수행한다. 3. 데이터베이스에 발생되는 트랜잭션의 유형을 파악한다. 4. 용량과 트랜잭션의 유형에 따라 반정규화를 수..

■ 데이터 모델링 유의사항 - 중복성 여러 장소에 같은 정보를 저장하지 않아야 한다. - 비일관성 서로 연관된 다른 데이터와의 관계를 고려하여 일관성 있게 데이터를 유지해야 한다. 데이터의 연관 관계를 고려하지 않고 특정 데이터만 수정하고 연관된 다른 데이터를 수정하지 않아 데이터가 틀어지는 경우를 방지해야 한다. - 비유연성 데이터의 정의를 데이터 사용 프로세스와 분리하여 프로세스가 변하더라도 데이터베이스에는 변화가 없도록 해야 한다. ■ 데이터 모델링 개념 - 개념적 모델링 추상화 수준이 높고 업무 중심적이면서 포괄적인 수준의 데이터 모델링 방식 전사적 데이터 모델링, EA 수립시 많이 이용 - 논리적 모델링 시스템으로 구축하고자하는 업무에 대해 Key, 속성, 관계 등을 정확하게 표현하고 정규화를 ..

이미지 업로드를 구현하다 보면 'multipart/form-data'라는 것을 마주하게 됩니다. form을 쓰든, axios로 리소스를 바로 전송하든 바이너리 데이터를 전송할 때 multipart/form-data로 Content-Type을 설정해 주어야 합니다. 왜 이미지 등 파일을 업로드 할 때 multipart/form-data를 사용하는 걸까요? multipart/form-data는 무엇일까요? form이라는 태그가 있습니다. form 태그는 서버로 보내질 입력 양식 전체를 감싸는 태그입니다. name, action, method, autocomplete, enctype를 속성으로 가지고 있지요. 파일명 : 제출하기 name : 서버로 보내질 데이터의 변수명 action : form이 전송되는 서..

인프런 강의 장기효(캡틴판교) 노트 타입스크립트란 무엇인가 자바스크립트에 타입을 부여한 또 다른 언어이다. 타입스크립트는 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한번 변환해주어야 한다. (컴파일, compile) 타입스크립트를 왜 쓰는가 1. 에러의 사전 방지 의미 없는 값들, 또는 없는 값을 사용하거나 함수를 호출하면서 엮어내는 경우가 발생한다. 화면에 바로 에러가 나타나게 된다. 코드상에서는 데이터의 값을 알 수 없기 때문에 화면에서만 확인 할 수 있고, 또는 직접 데이터를 확인해야한다. 오류 사항을 화면에서나 발견할 수 있는 것이다. 이 부분을 타입스크립트에서 보완할 수 있다. 타입을 정의하면서 브라우저에서 확인하기 전에 코드 상에서 예상되는 오류를 바로 살펴볼 수 있다. 이것은 자..

인프런에서 수강 중인 스프링 부트 수업 - 중요한 부분 노트 - 막혔던 부분 메모 1. Gradle Build 오류 https://start.spring.io 에서 spring boot 프로젝트를 생성해서 빌드했는데 버전을 맞출 수 없다는 오류가 떴다. "FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring root project 'hello-spring'. > Could not resolve all files for configuration ':classpath'. > Could not resolve org.springframework.boot:spring-boot-gradle-plugin:3...