전체 글

IT,앱개발,개발,인터넷,개발자,백엔드,프론트엔드
IT/CS

데이터언어 - DDL, DML, DCL 명령어

데이터 언어는 데이터베이스를 구축하고 이용하기 위한 데이터베이스 관리 시스템과의 통신 수단이다. DDL(정의어, Data Define Language) : 데이터베이스의 구조, 데이터 형식, 접근 방식 등 DB를 구축하거나 수정할 목적으로 사용되는 언어 1. CREATE - 스키마, 도메인, 테이블, VIEW, INDEX 등의 개체를 정의하는 데 사용하는 명령어 2. ALTER - 개체에 대한 정의를 변경하는데 사용하는 명령어 3.DROP - 스키마, 도메인, 테이블 등의 개체를 삭제하는데 사용하는 명령어 DML(조작어, Data Manipulation Language) : 데이터베이스 사용자가 저장된 데이터를 실질적으로 관리하는데 사용되는 언어 1. SELECT - 테이블에서 튜플을 검색함 2. INS..

IT/React

[react] React에서 모달 팝업창을 구현하는 방법 (2/2) - 스크롤 적용하기

구현한 모달창에서 화면이 잘리는 경우가 있습니다. 스크롤을 가능하도록 설정하는 방법에 대해 알아보겠습니다. React-modal에서 모달내부 컨텐츠의 스크롤이 가능하도록 하려면? 'aria-describedby'를 추가하고, 'overlayClassNme' prop를 사용하여 모달 내부 요소에 스크롤을 적용합니다. 아래는 스크롤을 적용하는 예시입니다. import React, { useState } from 'react'; import Modal from 'react-modal'; Modal.setAppElement('#root'); // 모달을 띄울 root 요소를 지정합니다. function App() { const [isOpen, setIsOpen] = useState(false); const op..

IT/React

[react] React에서 모달 팝업창을 구현하는 방법 (1/2)

React에서 모달 팝업창을 구현하는 방법은 여러 가지가 있지만, 대표적으로 다음과 같은 방법이 있습니다. 1. react-modal 라이브러리 사용 react-modal은 React에서 모달 팝업창을 쉽게 구현할 수 있도록 도와주는 라이브러리 입니다. react-modal을 사용하기 위해서는 먼저 해당 라이브러리를 설치해야 합니다. npm install react-modal Modal 컴포넌트를 생성하고, isOpen, onRequestClose 등의 props를 설정합니다. Modal 컴포넌트 아네 필요한 UI를 작성합니다. import React, { useState } from 'react'; import Modal from 'react-modal'; function App() { const [i..

IT/Spring Boot

[paging] 페이징 처리 구현하기 (spring boot, mybatis, react-pagination)

1. Spring Boot에서 mybatis와 페이징 처리하기 mybatis를 사용하여 데이터베이스와 연동하고, 페이징 처리를 할 수 있습니다. mybatis에서는 RowBouds 클래스를 사용하여 페이징 처리를 합니다. 예를들어, 다음과 같이 UserMapper 인터페이스를 작성할 수 있습니다. import org.apache.ibatis.annotations.Mapper; import org.apache.ibatis.annotations.Param; import org.apache.ibatis.session.RowBounds; import java.util.List; @Mapper public interface UserMapper { List findAll(@Param("offset") int off..

IT/Spring Boot

[Exception] 스프링 전역 예외 처리 방법 - (RestControllerAdvice, ExceptionHandler)

@ControllerAdvice @RestControllerAdvice 프로젝트내 모든 Exception이 발생하면 거쳐간다. @ExceptionHandler 컨트롤러에 어떠한 요청이 있을때 모든 예외를 Catch 하여 처리를 해주는 기능이다. 전역으로 사용할 Exception Class 생성 - @RestControllerAdvice @Advice 어노테이션이 붙은 클래스는, Exception이 나는 모든경우에 거쳐간다. import org.springframework.http.HttpStatus; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.ExceptionHandler; im..

org.woodies.dev
개발하는 우디