본문 바로가기

전체 글381

JavaScript에서 export와 import의 개념과 사용법 JavaScript의 모듈 시스템 (ES6 Modules) 에서 export와 import는 코드의 재사용성과 유지보수성을 높이는 중요한 기능입니다.이를 통해 하나의 파일에서 정의한 변수, 함수, 클래스 등을 다른 파일에서도 사용할 수 있습니다.1. export의 종류JavaScript에서는 두 가지 방식으로 모듈을 내보낼 수 있습니다.(1) Named Export (이름을 지정한 내보내기)Named Export는 하나의 파일에서 여러 개의 변수, 함수, 클래스를 개별적으로 내보낼 수 있는 방식입니다. 사용법// utils.jsexport const add = (a, b) => a + b;export const subtract = (a, b) => a - b;export const multiply = (.. 2025. 3. 15.
ReactNode란? ReactNode는 React에서 렌더링할 수 있는 모든 요소의 타입을 의미합니다.React에서 반환할 수 있는 모든 JSX 요소, 문자열, 숫자, 배열, null, undefined, boolean 등을 포함하는 최상위 타입이라고 보면 됩니다.ReactNode의 정의import { ReactNode } from "react";ReactNode는 다음과 같이 정의됩니다:type ReactNode = | ReactElement // JSX 요소 (컴포넌트) | string // 문자열 | number // 숫자 | boolean // true, false (렌더링되지 않음) | null // 렌더링되지 않음 | undefined // 렌더링되지 .. 2025. 3. 10.
SVG(Scalable Vector Graphics)란? SVG(Scalable Vector Graphics)는 벡터 기반의 2D 그래픽을 표현하는 XML 기반의 이미지 형식이다.즉, 크기를 조절해도 화질이 깨지지 않는 확장 가능한 벡터 그래픽을 제공하는 포맷이다.📌 SVG의 특징1️⃣ 확대/축소해도 품질 저하 없음픽셀 기반 이미지(jpg, png)와 달리 벡터 형식이라 크기를 조절해도 깨지지 않음.반면, PNG, JPG 같은 비트맵 이미지는 확대하면 깨짐(픽셀이 보임).2️⃣ 파일 크기가 작고 성능이 좋음텍스트 기반(XML)이라 코드만으로도 표현할 수 있음.복잡한 그래픽도 가벼운 용량으로 표현 가능.3️⃣ HTML, CSS, JavaScript로 조작 가능 태그를 이용해 직접 HTML에 삽입 가능.CSS 및 JavaScript를 활용하여 색상 변경, 애니메.. 2025. 3. 8.
@JsonProperty란? @JsonProperty @JsonProperty는 Jackson 라이브러리에서 제공하는 어노테이션으로, JSON 데이터와 Java 객체 간 매핑할 필드명을 지정할 때 사용됩니다. Spring Boot에서는 Jackson이 기본적으로 포함되어 있으며, JSON 요청/응답을 처리할 때 사용됩니다. 1. @JsonProperty를 사용하는 이유JSON 필드명과 Java 필드명이 다를 때 매핑을 맞춰줌JSON 직렬화(객체 → JSON 변환)와 역직렬화(JSON → 객체 변환) 시 특정 필드명을 강제할 수 있음Snake_case(예: user_name)와 CamelCase(예: userName) 변환을 쉽게 처리할 수 있음 2. @JsonProperty 사용 예제예제 1: JSON 필드명이 다를 때 매핑impo.. 2025. 3. 1.
[JAVA] instanceof vs getClass() 알아보기 instanceof란?👉 instanceof는 객체가 특정 클래스 또는 인터페이스의 인스턴스인지 확인하는 키워드👉 즉, 어떤 객체가 특정 타입의 인스턴스인지 판별하는 데 사용됨1. instanceof 기본 사용법if (객체 instanceof 클래스명) { // 객체가 해당 클래스의 인스턴스라면 실행 } String text = "Hello"; if (text instanceof String) { System.out.println("✅ text는 String 타입입니다!"); }➡ 출력: ✅ text는 String 타입입니다!➡ text가 String의 인스턴스이므로 true2. instanceof 활용 예제(1) 부모 클래스와 자식 클래스 판별class Animal {} class Dog ext.. 2025. 2. 27.
[JAVA] var란? var란?var 키워드는 컴파일러가 변수의 타입을 자동으로 추론해 주는 기능입니다.var의 장점- 코드를 간결하게 만들 수 있습니다.- 타입을 명시할 필요 없이 가독성이 좋아집니다.- 제네릭 타입이 복잡한 경우 유용합니다.Map> complexMap = new HashMap(); // 명시적 타입 선언 var complexMap = new HashMap>(); // var로 타입 추론⚠️ var 사용 시 주의할 점1. 지역 변수에서만 사용 가능 (class 필드, 메서드 매개변수 X)public class Example { var field = 10; // ❌ 컴파일 오류 (클래스 필드에서는 사용 불가)} 2. null 값으로 초기화 불가능var value = null; // ❌ 타입을 추론할 수 .. 2025. 2. 27.

티스토리툴바