반응형 전체 글166 [MySQL] SQL & MyBatis 동적 쿼리 핵심 문법 & 실습 문제 풀이 Spring MyBatis 실습 가이드📚 핵심 개념 정리1. MyBatis XML 기본 구조 핵심 포인트:namespace: Mapper 인터페이스의 전체 경로id: 인터페이스의 메소드명과 일치해야 함parameterType: 입력 파라미터 타입 (생략 가능)resultType: 반환 타입 (select문에서 필수)2. XML 기본 태그INSERT (등록) INSERT INTO books(title, stock) VALUES(#{title}, #{stock})useGeneratedKeys="true": 자동생성 키 반환keyProperty="id": DTO의 어떤 필드에 저장할지SELECT (조회) SELECT * FROM booksUPDATE (수정) UPDATE books.. 2025. 10. 15. [Spring] MyBatis XML 연동 개요 Spring Boot & MyBatis XML 연동 요약1. 개요이 문서는 Spring Boot 환경에서 MyBatis 프레임워크를 사용하여 SQL 쿼리를 Java 코드로부터 분리된 XML 파일로 관리하는 방법에 대해 설명합니다. 이 방식은 SQL의 유지보수성을 높이고, Java 코드의 가독성을 향상시킵니다.2. 주요 파일 및 역할📄 XmlMapper.xml - SQL 쿼리 정의MyBatis의 핵심으로, 실제 실행될 SQL 쿼리를 담고 있는 XML 파일입니다.: 이 XML 파일과 연결될 Java 인터페이스(Mapper)의 전체 경로를 지정합니다., , , : SQL 문 종류에 맞는 태그를 사용합니다.id 속성: Mapper 인터페이스의 메소드 이름과 일치시켜 서로 매핑합니다.parameterType 속.. 2025. 10. 13. [Java] Java 함수형 인터페이스와 스트림 API 요약 Java 함수형 인터페이스와 스트림 API 요약이 문서는 오늘 배운 함수형 인터페이스와 스트림 API 메소드를 요약합니다.1. 함수형 인터페이스함수형 인터페이스는 람다 표현식과 함께 사용되도록 설계된, 단일 추상 메소드를 가진 인터페이스입니다.가. Function목적: T 타입의 인자를 받아 R 타입의 결과를 반환합니다.메소드: apply(T t)예제:Function function = x -> x * 2;System.out.println(function.apply(3)); // 출력: 6나. Supplier목적: 결과물을 공급하는 역할을 합니다. 인자 없이 T 타입의 결과를 반환합니다.메소드: get()예제:Supplier supplier = () -> Math.random();System.out.pr.. 2025. 9. 29. [Bootstrap] Bootstrap 예제: 4. Sass를 이용한 커스터마이징 Bootstrap 예제: 4. Sass를 이용한 커스터마이징Bootstrap의 가장 강력한 커스터마이징 방법은 Sass(SCSS)를 사용하는 것입니다. 내장된 변수를 수정하여 프로젝트에 맞는 디자인 시스템을 구축할 수 있습니다.설정 방법Sass 컴파일러 준비: Node.js 환경이라면 sass 패키지를 설치합니다.npm install -g sass파일 구조: 일반적으로 다음과 같은 구조를 사용합니다.my-project/|-- scss/| |-- _custom.scss // 변수를 덮어쓰거나 커스텀 스타일을 추가하는 파일| `-- main.scss // Bootstrap과 custom 파일을 불러오는 메인 파일|-- css/| `-- main.css // 컴파일된 결과물`-- .. 2025. 9. 26. [Bootstrap] Bootstrap 예제: 3. 유틸리티 클래스 Bootstrap 예제: 3. 유틸리티 클래스Bootstrap 5는 CSS를 직접 작성하지 않고도 스타일을 빠르게 적용할 수 있는 수많은 유틸리티 클래스를 제공합니다. 이를 "Atomic CSS" 방식이라고도 합니다.Spacing (간격)m은 margin, p는 padding을 의미합니다.t(top), b(bottom), s(start, left), e(end, right), x(x-axis), y(y-axis)를 조합하여 방향을 지정합니다.0~5까지의 숫자로 크기를 지정합니다.Margin Top & Padding XPadding 5Colors (색상)bg-*로 배경색을, text-*로 텍스트 색상을 지정합니다..bg-primarySuccess SubtleFlexbox (플렉스박스)d-flex로 flex.. 2025. 9. 26. [Bootstrap] Bootstrap 예제: 2. 그리드 시스템 Bootstrap 예제: 2. 그리드 시스템Bootstrap의 그리드 시스템은 container, row, col 클래스를 사용하여 반응형 레이아웃을 구성합니다.기본 구조.container: 전체 콘텐츠를 감싸고 중앙에 정렬합니다..row: 컬럼(column)들을 담는 수평 그룹입니다..col-*: 실제 콘텐츠가 들어가는 컬럼입니다. 한 .row 안에 있는 컬럼들의 숫자 합은 12를 넘지 않도록 구성하는 것이 일반적입니다.반응형 레이아웃 예제화면 크기에 따라 컬럼의 배치가 달라지는 예제입니다.lg (Large, 992px 이상): 3개의 컬럼이 한 줄에 4칸씩 차지 (4+4+4 = 12)md (Medium, 768px 이상): 2개의 컬럼은 6칸씩, 1개는 12칸을 차지sm (Small, 576px 이상.. 2025. 9. 26. [Bootstrap] Bootstrap 예제: 1. 기본 컴포넌트 Bootstrap 예제: 1. 기본 컴포넌트Bootstrap은 HTML 클래스 기반으로 다양한 컴포넌트를 제공합니다.Buttonbtn 클래스와 함께 btn-* 형태의 클래스를 추가하여 스타일을 지정합니다.PrimarySecondarySuccessInfoDarkLarge buttonSmall buttonCard콘텐츠를 담는 유연한 컨테이너입니다. 이미지, 텍스트, 버튼 등을 조합할 수 있습니다. Card title Some quick example text to build on the card title and make up the bulk of the card's content. Go somewhere Alert사용자에게 특정 정보를 알릴 때 사용합니다. A simple war.. 2025. 9. 26. [MUI] MUI 예제: 4. Theming MUI 예제: 4. ThemingcreateTheme과 ThemeProvider를 사용하면 애플리케이션 전체의 디자인을 일관되게 관리하고 변경할 수 있습니다.커스텀 테마 생성 및 적용createTheme으로 테마 객체를 만들고, ThemeProvider로 앱의 최상단을 감싸서 테마를 적용합니다.import * as React from 'react';import { createTheme, ThemeProvider } from '@mui/material/styles';import Button from '@mui/material/Button';import Stack from '@mui/material/Stack';// 새로운 테마 정의const theme = createTheme({ palette: { .. 2025. 9. 26. 이전 1 2 3 4 5 6 7 ··· 21 다음 반응형