본문 바로가기

전체 글384

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.
GROUP BY 개념 정리 GROUP BY란?GROUP BY는 같은 값을 가진 행들을 하나의 그룹으로 묶는 역할을 합니다. GROUP BY가 적용되면 각 그룹마다 하나의 결과만 반환해야 하므로, SELECT에서 그룹 내부에서 어떤 값을 선택할지 명확하게 지정해야 합니다.🔹 1. GROUP BY를 하면 그룹별로 한 줄만 반환됨🔥 예제 1: GROUP BY 없이 모든 데이터 조회SELECT FISH_TYPE, LENGTHFROM FISH_INFO;                                    FISH_TYPE                                               LENGTH상어250상어200참치180참치160연어150연어120👉 GROUP BY를 사용하지 않았으므로, 모든 데이터가 .. 2025. 2. 20.
SEO(검색 엔진 최적화, Search Engine Optimization), PWA(Progressive Web App)란? 🔹 SEO(검색 엔진 최적화, Search Engine Optimization)란?SEO는 웹사이트가 Google, Naver, Bing 같은 검색 엔진에서 상위에 노출되도록 최적화하는 작업을 의미합니다.✅ SEO의 핵심 요소메타 태그 (Meta Tags)검색 결과에서 보이는 제목(title), 설명(description) 등을 설정.예: robots.txt 파일검색 엔진이 내 웹사이트를 크롤링할 수 있도록 허용 또는 차단하는 설정 파일.예: Disallow: /admin → 관리자 페이지는 검색 엔진에 노출되지 않도록 설정.Sitemap (사이트맵.xml)사이트 내 모든 페이지의 구조를 검색 엔진이 쉽게 이해하도록 돕는 파일.예: https://yourwebsite.com/sitemap.xml웹 접근.. 2025. 2. 17.

티스토리툴바