1. 트리(Tree)란? 트리는 *노드(Node)들이 부모-자식 관계로 연결된 자료구조를 의미한다. 하나의 최상위 노드에서 시작해 아래로 가지가 뻗어나가는 형태를 가진다. 이런 구조 덕분에 트리는 단순히 데이터를 담는 그릇을 넘어 계층을 표현하거나 범위를 나누어 탐색할 때 강점을 가지게 된다. 트리를 이해하기 위해 필요한 용어부터 정리해보자. *노드(Node) - 트리를 구성하는 하나의 데이터 단위 루트(Root) - 트리의 시작점, 가장 위에 있는 노드 부모/자식(Parent/Child) - 연결된 노드들 사이의 상하 관계 리프

1. TypeScript를 사용하는 이유 TypeScript를 공부하기 전에 먼저 한 가지 질문을 던져볼 필요가 있다. JavaScript로도 잘 동작하는데 왜 굳이 TypeScript를 사용해야 할까?이 글에서는 본격적으로 TypeScript 문법을 다루기 전에 TypeScript가 무엇인지, 그리고 어떤 문제를 해결하기 위해 등장했는지를 정리해보려고 한다. TypeScript를 단순한 문법이 아닌, 무엇을 위한 도구인지 이해하는 것이 목표이다. 2. TypeScript란 무엇인가? TypeScript는 JavaScript에 타입

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