ZeroBin`s 개발일지

Vue3 (TypeScript 기반) 프로젝트를 Docker로 배포하는 방법을 간단히 정리했습니다. 이 가이드를 따라 하면 쉽게 Vue 애플리케이션을 Docker 기반으로 배포할 수 있습니다. 1. 프로젝트 구조project-root/├── src/ # Vue 소스 파일 (컴포넌트, 페이지 등)│ ├── assets/ # 정적 파일 (이미지, 폰트 등)│ ├── components/ # Vue 컴포넌트│ ├── views/ # Vue 페이지│ └── main.ts # Vue 진입 파일│├── public/ # 정적 파일 (index.html 포함)│..

SpringBoot 에서 JPA 와 GraphQL 을 연동하는 방법에 대해 간략히 소개하겠습니다. 해당 포스팅에선 PostgeSQL 을 사용하였습니다. 1. 의존성 추가// GraphQLimplementation 'org.springframework.boot:spring-boot-starter-graphql'implementation 'com.graphql-java-kickstart:graphql-spring-boot-starter:15.1.0'// PostgreSQLruntimeOnly 'org.postgresql:postgresql'// JPAimplementation 'org.springframework.boot:spring-boot-starter-data-jpa'GraphQL, PostgreSQL..

GPT의 프롬프트 엔지니어링은 대규모 언어 모델이 사용자의 의도를 정확히 이해하고 필요한 결과를 생성할 수 있도록 효율적인 요청을 설계하는 기술입니다. GPT 모델은 제공된 입력(프롬프트)을 기반으로 응답을 생성하므로, 프롬프트의 품질이 결과의 품질에 직접적인 영향을 미칩니다.GPT는 특정 목적이나 컨텍스트에 맞는 다양한 형식의 결과를 생성할 수 있어, 프롬프트 엔지니어링은 이를 최대한 활용하기 위한 중요한 도구입니다. 1. 주요 원칙명확하고 구체적으로 작성: 불필요한 모호성을 제거하고, 원하는 정보를 구체적으로 요청역할과 컨텍스트 정의: GPT가 특정 역할(예:번역가, 개발자, 작가 등)을 수행하도록 설정예제 포함: 원하는 출력 형식을 보여주는 예제를 제공단계적 접근: 복잡한 문제를 작은 단계로 나눠 ..

PostgreSQL 은 오픈소스 관계형 데이터베이스 관리 시스템(RDBMS)으로, 안정성과 기능성 면에서 업계 표준으로 자리 잡았습니다. PostgreSQL 의 주요 특징과 설치방법에 대해 알아보겠습니다. 1. PostgreSQL 특징 ACID 준수: PostgreSQL은 트랜잭션의 원자성, 일관성, 격리성, 지속성을 보장하는 ACID 규칙을 준수하여 안정적인 데이터 관리가 가능합니다.확장성과 유연성: 사용자 정의 데이터 타입, 함수, 연산자 등을 추가할 수 있어 매우 유연하며, JSON 및 JSONB 같은 다양한 데이터 형식을 지원합니다.고급 기능과 성능: 복잡한 쿼리 처리, 병렬 쿼리 처리, 다양한 인덱싱 방식, MVCC(다중 버전 동시성 제어) 등을 통해 성능과 효율성을 높일 수 있습니다. 2. P..

Git 과 SVN(Subversion)은 모두 버전 관리 시스템이지만, 두 시스템의 설계 철학과 동작 방식에는 큰 차이가 있습니다. Git과 SVN의 주요 차이점에 대해 알아보겠습니다. 1. 저장소 구조Git (분산 버전 관리 시스템, DVCS)모든 사용자가 로컬 저장소를 가지고 있습니다.로컬 저장소에는 전체 프로젝트의 히스토리가 저장됩니다.네트워크 연결이 없어도 로컬에서 작업이 가능합니다.SVN (중앙 집중식 버전 관리 시스템, CVCS)중앙 저장소(서버)에 모든 데이터가 저장됩니다.작업 시 네트워크 연결이 필수이며, 작업 결과를 서버에 반영하려면 커밋을 수행해야 합니다. 2. 브랜칭 및 병합Git브랜치 생성 및 병합이 가볍고 빠릅니다.브랜치는 로컬에서 자유롭게 생성 가능하며, 중앙 저장소와 독립적으로..

스프링 AOP(Aspect-Oriented Programming)는 핵심 비즈니스 로직에 영향을 주지 않고 공통적인 관심사를 처리하는 데 사용됩니다. AOP를 활용하면 코드 중복을 줄이고 유지보수를 용이하게 만들 수 있습니다. AOP의 주요 사용처 1. 로깅애플리케이션의 메서드 호출, 매개변수, 반환값, 실행 시간 등을 기록개발 중 디버깅 및 운영 중 문제 분석에 유용@Aspect@Componentpublic class LoggingAspect { @Before("execution(* com.example.service.*.*(..))") public void logBefore(JoinPoint joinPoint) { System.out.println("Method called: ..

스프링 어노테이션은 리플렉션과 스프링 컨테이너를 기반으로 동작합니다. 어노테이션은 런타임에 메타데이터를 제공하며, 스프링은 이를 통해 객체 생성, 의존성 주입, AOP 등을 처리합니다. 주요 동작 원리를 단계별로 살펴보겠습니다. 1. 스프링 컨테이너의 역할스프링 컨테이너는 어노테이션 정보를 분석하고, Bean 을 생성 및 관리합니다. 스프링의 주요 컨테이너는 ApplicationContext 이며, 이를 통해 어노테이션이 처리됩니다. 2. 스캔 및 어노테이션 인식스프링은 클래스패스 스캔을 통해 어노테이션을 가진 클래스를 탐색합니다.컴포넌트 스캔 @ComponentScan 어노테이션을 통해 특정 패키지를 스캔합니다.해당 패키지에서 @Component, @Service, @Repository 등이 붙은 클래..

이미지에서 글자를 추출해야 할 때, Tesseract OCR은 가장 많이 사용되는 오픈소스 라이브러리 중 하나입니다. 이번 포스팅에서는 Spring Boot와 Tesseract를 활용해 이미지에서 글자를 추출하는 방법을 알아보겠습니다. 전체소스는 github 를 참고해 주세요.1. 특징Tesseract는 강력한 오픈소스 OCR(Optical Character Recognition) 엔진으로 다양한 특징을 가지고 있습니다. 다음은 Tesseract의 주요 특징입니다.다국어 지원 : Tesseract는 약 100여 개의 언어를 기본으로 지원하며, 한국어, 영어, 일본어 등 다국어 OCR이 가능합니다.높은 정확도 : LSTM(Long Short-Term Memory) 신경망을 활용해 텍스트 인식 정확도를 크게..

다크 모드는 화면 배경을 어둡게 하고 텍스트를 밝게 표현하는 UI 디자인의 한 유형입니다. 이는 특히 저조도 환경에서 눈의 피로를 줄이고, 에너지 절약에 도움을 줍니다. 이번 포스팅에선 다크 모드의 장점과 간단한 예제를 작성하셨습니다. 1. 다크 모드의 장점눈의 피로 감소: 밤이나 저조도 환경에서 시각적으로 더 편안합니다.배터리 절약: OLED 디스플레이에서는 어두운 픽셀이 에너지를 적게 사용합니다.모던한 느낌: 많은 사용자들이 세련되고 현대적인 UI로 인식합니다. 2. 예제2.1. index.html 다크 모드란? 다크 모드 켜기 ..

코어 웹 바이탈(Core Web Vitals)은 웹사이트의 사용자 경험을 측정하는 핵심 지표로, LCP, FID, CLS와 같은 지표를 측정하고 화면에 표시할 수 있습니다. CWV의 특징과 간단한 예제를 소개하겠습니다.1. CWV 특징Core Web Vitals는 다음의 세 가지 주요 지표를 포함합니다.LCP (Largest Contentful Paint):페이지에서 가장 큰 콘텐츠가 로드되는 시간입니다.페이지 로딩의 '시각적' 측면을 측정하며, 페이지가 로드되는 동안 가장 중요한 콘텐츠가 사용자에게 보이는 속도를 나타냅니다.좋은 점수: 2.5초 이하주요 목표: 페이지가 빠르게 로드되어 사용자가 빠르게 주요 콘텐츠를 볼 수 있도록 하는 것입니다.FID (First Input Delay):사용자가 페이지에..