뷰(View) 1. 사용자에게 접근이 허용된 자료만을 제한적으로 보여주기 위해 하나 이상의 기본 테이블로부터 유도된 가상의 테이블이다. 2. 저장장치 내에 물리적으로 존재하지 않지만 사용자에게는 있는 것처럼 간주된다 3. 뷰를 통해서만 데이터에 접근하게 함으로써 뷰에 나타나지 않는 데이터를 안전하게 보호할 수 있다. 스택(Stack) 1. 리스트의 한쪽 끝으로만 자료의 삽입, 삭제 작업이 이루어지는 자료 구조 2. 후입선출(LIFO; Last In First Out) 방식으로 자료를 처리함 * 오버플로 - 스택이 가득찬 상태에서 삽입을 한경우 발생 * 언더플로 - 스택이 비어있는 상태에서 삭제를 할경우 발생 큐(Queue) 1. 리스트의 한쪽에서는 삽입 작업이 이루어지고 다른 한쪽에서는 삭제 작업이 이루..
데이터 언어는 데이터베이스를 구축하고 이용하기 위한 데이터베이스 관리 시스템과의 통신 수단이다. DDL(정의어, Data Define Language) : 데이터베이스의 구조, 데이터 형식, 접근 방식 등 DB를 구축하거나 수정할 목적으로 사용되는 언어 1. CREATE - 스키마, 도메인, 테이블, VIEW, INDEX 등의 개체를 정의하는 데 사용하는 명령어 2. ALTER - 개체에 대한 정의를 변경하는데 사용하는 명령어 3.DROP - 스키마, 도메인, 테이블 등의 개체를 삭제하는데 사용하는 명령어 DML(조작어, Data Manipulation Language) : 데이터베이스 사용자가 저장된 데이터를 실질적으로 관리하는데 사용되는 언어 1. SELECT - 테이블에서 튜플을 검색함 2. INS..
구현한 모달창에서 화면이 잘리는 경우가 있습니다. 스크롤을 가능하도록 설정하는 방법에 대해 알아보겠습니다. 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..
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..
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..
