leehyeon-dv 님의 블로그

마이그레이션 이유 npm을 사용할 때 종속성을 사용하는 프로젝트가 100개 있는 경우 해당 종속성의 사본 100개가 디스크에 저장되는반면, pnpm을 사용하면 의존성이 content-addressable 저장소에 저장되기때문에 디스크 상에서 단일 위치에 저장되어 추가적인 디스크 공간을 소비하지 않기 때문, 이를 통해 프로젝트 간에 동일한 버전의 의존성을 공유할 수 있다 결과적으로,디스크 공간이 프로젝트와 의존성의 수에 비례하여 더 많이 절약되고 더 빠르게 설치할 수 있다.https://pnpm.io/motivation Motivation | pnpmSaving disk spacepnpm.io 1. pnpm 설치하기 npm이 있기때문에 간단히 설치하겠습니다 npm i -g pnpm 2. 기존 node_..

📌소개 및 기초개념 디지털 서비스 예 : 메신저, 비디오 스트리밍, 온라인게임, 소셜 미디어 핵심 메세지 : 이런 서비스들은 모두 데이터통신을 기반으로 한다 어떻게 디지털 서비스가 제공될까? 서비스 제공구성: 사용자 장치와 서버 (서버에서 장치로 데이터를 전송) 예 : 메세지, 비디오, 이미지등이 서비스 데이터 어떻게 데이터가 전달될까? 발신자(Sender) → 수신자(receiver)까지 여러 중간 단계를 거침 (데이터도 네트워크를 통해 우편배송과 유사한 방식으로 전달됨) Data Communications 실제 데이터 통신모델 : 발신자 → data 네트워크 → 수신..

1. Tailwind CSS설치 pnpm install tailwindcss @tailwindcss/vite 2.Vite plugin구성vite.config.ts파일 아래 파일을 추가한다 import { defineConfig } from 'vite'import tailwindcss from '@tailwindcss/vite'export default defineConfig({ plugins: [ tailwindcss(), ],}) 3.index.css에 최상단에 아래 코드 추가 @import "tailwindcss"; React Router사용자가 웹 브라우저의 주소창에 URL을 입력하면 해당 URL에 맞는 데이터를 서버로 부터 받아와 사용자에게 제공하는 과정 CSR은 페이지는 유지하되, 부..

해당 화면들에 대해 작성했던 쿼리를 QueryDSL로 작성하여 리팩토링하기⭐미션목록1. Mission2. Review3. MemberRepository/Custom/Impl구조로 나누는 이유1. 기존 SpringDataJPA와의 통합 JpaRepository를 통해 기본 CRUD기능 + 커스텀 기능 동시에 사용가능 하나의 레포지토리 인터페이스로 모든 기능 접근 가능2. 관심사 분리 기본 기능과 복잡한 쿼리의 명확한 분리 인터페이스와 구현체 분리로 결합도 감소3. 확장성 새로운 QueryDSL메서드가 필요할때 인터페이스에 추가하고 구현만 하면 됨 기존 코드 변경없이 기능 확장 가능 Repository = SpringDat..

⭐ 목차영속성 컨텍스트란?왜 영속상태가 좋을까 지연로딩(FetchType.LASY)N=1JPQLQueryDSL실습목표 = JPA의 영속성 컨텍스트의 개념, JPQL과 QueryDSL의 차이점, QueryDSL이 가지는 유리함에 대해 알기 📌영속성 컨텍스트란? JPA의 핵심개념 중 하나로 엔티티 객체를 영구적으로 저장하고 관리하는 일종의 메모리 공간이다 쉽게 말하면, 애플리케이션 내부에 존재하는 가상의 데이터 베이스라고 이해할 수 있다 왜필요할까? → ORM은 객체와 관계형 데이터베이스를 자동으로 매핑해주는 기술이다. JPA는 이러한 ORM기술을 제공하며 영속성 컨텍스트는 JPA에서 엔티티 객체를 효율적으로 관리하기위해 존재한다 동작방식데이터를 조회하거나 저장시, JPA는 다음과 같은 흐름으로 동작합..