1. 문제 상황 NestJS 프로젝트 개발 중 코드를 수정했음에도 불구하고 dist 폴더 내의 결과물이 갱신되지 않거나 심지어 dist 폴더 자체가 생성되지 않는 현상을 겪었다. nest start --watch 모드를 사용 중임에도 변경사항이 반영되지 않아 매번 수동으로 폴더를 지우고 다시 실행해야 하는 번거로움이 발생했다. 2. 원인 분석 이 문제의 핵심 원인은 TypeScript의 증분 빌드(Incremental Build) 메커니즘과 그 결과물인 tsconfig.tsbuildinfo 파일에 있었다. 증분 빌드란?모든 파일을

최근 NestJS를 활용해 관리자 CMS 프로젝트를 진행하던 도중 백엔드 설계 시 고유 ID 값으로 BigInt를 사용할 때 발생할 수 있는 치명적인 자바스크립트 정밀도 유실 문제에 대해 알게 되었다. 당장 내 코드에서 에러가 나지 않더라도 서비스가 커져 ID 값이 커지는 순간 문제가 될 수 있기 때문에 왜 자바스크립트에서 큰 숫자를 다룰 때 문자열 처리가 필수인지 정리해보자. 1. 자바스크립트 숫자의 한계: IEEE 754 표준 자바스크립트는 정수(Int)와 실수(Float)의 구분 없이 모든 숫자를 64비트 부동 소수점(Doub

Lombok에는 생성자 관련 어노테이션이 대표적으로 3가지가 있다. @NoArgsConstructor @AllArgsConstructor @RequiredArgsConstructor 각각에 대해 명확하게 알아보자. 1. @NoArgsConstructor 첫 번째로 @NoArgsConstructor 어노테이션의 경우 매개변수가 없는 기본 생성자를 만들어 준다. 예를 들어 이런 클래스가 있을 때 @NoArgsConstructorpublic class Post { private Long id; private String title;

프레임워크를 사용하다 보면 자연스럽게 쓰게 되지만 막상 DI가 무엇인지 명확히 설명하기 애매한 경우도 많다. 이번 글에서는 DI가 무엇인지, 왜 쓰는지, 그리고 실제 코드에서는 어떻게 사용되는지 알아보자. 1. DI(Dependency Injection)란? DI는 객체가 필요한 의존성을 직접 생성하지 않고 외부에서 전달받도록 하는 설계 방식이다. 이를 통해 객체 생성과 의존성 관리 책임을 클래스 내부가 아닌 외부로 분리할 수 있다. 예를 들어 A 클래스에서 B 클래스를 필요로 할 때 A 클래스 내부에서 new 키워드를 사용하여 직

자바에서 String은 가장 많이 사용하는 타입 중 하나이다. 단순히 문자열 타입이라고 생각하기 쉽지만 사실 String은 Java 언어 전체에서 특별하게 취급되는 객체이다. String은 primitive 타입이 아닌 일반 객체이지만 JVM과 컴파일러가 문자열 처리를 위해 특별한 최적화 전략을 적용하는 클래스이다. 예를 들어 문자열 리터럴 관리, String Pool, 컴파일러 최적화 등이 대표적이다. 또한 String 클래스는 다음과 같이 final 클래스로 선언되어 있어 상속이 불가능하다. public final class S

1. equals() 자바의 equals() 메서드는 두 객체가 논리적으로 같은지 비교할 때 사용하는 메서드이다. 이때 “같다”의 기준은 단순히 같은 메모리 주소를 가리키는지를 의미하는 것이 아닌 객체의 내부 값이 동일한지(논리적 동등성)를 의미한다. String a = new String("BlueCool");String b = new String("BlueCool");System.out.println(a == b); // false (참조값이 다름)System.out.println(a.equals(b)); // true

1. 기본 설정 spring: datasource: url: jdbc:postgresql://${DB_HOST}:${DB_PORT}/${DB_NAME} username: ${DB_USERNAME} password: ${DB_PASSWORD} driver-class-name: org.postgresql.Driver jpa: hibernate: ddl-auto: validate properties: hibernate: format_sql: true h

1. useEffect useEffect는 렌더링 결과가 실제 DOM에 반영되고 브라우저가 화면을 그린 이후 실행되는 effect이다. 리액트에서는 이를 passive effect라고 부른다. [특징] DOM 업데이트 이후 실행된다. 일반적으로 브라우저 paint 이후 실행된다. 실행이 비동기적으로 예약되므로 렌더링을 차단하지 않는다. UI가 먼저 사용자에게 보여진 후 effect가 실행된다. 이러한 특성 때문에 데이터 fetching, 이벤트 리스너 등록 및 해제와 같이 레이아웃에 즉각적인 영향을 주지 않는 작업에 적합하다. im

1. DNS 조회 컴퓨터는 www.pyomin.com과 같은 도메인 이름을 직접 이해하지 못하고 IP 주소로 통신한다. 따라서 브라우저가 서버와 통신하기 위해서는 먼저 해당 도메인의 IP 주소를 알아내는 DNS(Domain Name System) 조회 과정이 필요하다. 브라우저가 URL을 입력받으면 다음 순서로 IP 주소를 확인한다. 1. 브라우저 DNS 캐시 확인 2. OS의 hosts 파일 확인 3. OS DNS 캐시 확인 4. ISP(인터넷 서비스 제공자)의 DNS 서버(Recursive Resolver)에 요청 로컬에 정보가

우리가 매일 사용하는 웹사이트 접속, 이메일 전송, 파일 다운로드 등 인터넷에서 이루어지는 대부분의 통신은 TCP와 IP라는 두 가지 핵심 기술 덕분에 가능하다. 이 둘의 역할을 간단히 비유하면 IP는 주소, TCP는 안전한 배송 서비스와 비슷하다. IP는 데이터를 어디로 보내야 하는지를 알려주고 TCP는 그 데이터가 정확하고 안전하게 도착하도록 관리한다. 1. IP - 인터넷의 주소 체계 IP(Internet Protocol)는 인터넷에서 데이터를 전달하기 위한 주소 체계와 패킷 전달 규칙을 정의한 프로토콜이다. 인터넷에 연결된