전체 글58 CSS 메모 내부 아이템들을 세로로, 중앙정렬 해서 하나씩 쌓기 display: flex; flex-direction: column; align-items: center; CSS로 이미지 넣기 background-image: url(../img/spr_bi.png); 중앙 정렬(가로 세로) justify-content: center; align-items: center; justify-content: center는 가로축 기준 정렬 설명하자면 위아래로 거리가 같게 정렬 align-items: center는 세로축 기준 정렬 좌우로 거리가 같게 정렬 2024. 3. 5. [MYSQL] 삭제된 행 수 리턴 이후 Repository에서 public int deleteGuestBook(int id) { sqlsession.delete("guestbook.deleteGuestBook", id); int count = sqlsession.selectOne("guestbook.getDeletedCount"); return count; } 따로 리턴 2024. 3. 4. [MYSQL] limit 예시 SELECT id, name, content, regdate FROM guestbook ORDER BY id DESC limit #{start}, #{limit} #{ }는 Mybatis 사용중이라 사용 start 부터 limit 개를 출력하라 라는 뜻 start = 0, limit = 5면 처음부터 5개 출력(0부터 시작이라고 한다) 파라미터를 하나만 사용 시 처음부터 limit개만 출력 가능 SELECT id, name, content, regdate FROM guestbook ORDER BY id DESC limit #{limit} 2024. 3. 4. DTO, DAO, ConnectionPool, DataSource DTO DTO란 Data Transfer Object의 약자 계층간 데이터 교환을 위한 자바 빈즈. 여기서 계층이란 컨트롤러의 뷰, 비지니스 계층, 퍼시스턴스 계층을 의미 일반적으로 DTO는 로직을 가지고 있지 않고, 순수한 데이터 객체이다. DAO DAO란 Data Access Object의 약자 데이터를 조회하거나 조작하는 기능을 전담하는 객체 보통 데이터베이스를 조작하는 기능을 전담하는 목적으로 생성 ConnectionPool DB연결은 비용이 많이 든다. 커넥션 풀은 미리 커넥션을 여러 개 맺은 다음 필요할때 빌려주고 반납한다. DataSource 커넥션 풀을 관리하는 목적으로 사용되는 객체 커넥션을 얻어오고, 반납하는 등의 작업을 수행 2024. 2. 28. Spring Framework 기본개념 Spring Framework란? 엔터프라이즈 급 어플리케이션을 구축할 수 있는 가벼운 솔루션이자, 원스-스탑-숍(One-Stop-Shop) *원스-스탑-숍: 모든과정을 한꺼번에 해결하는 상점 원하는 부분만 가져다 사용할 수 있도록 모듈화가 잘되어 있다. IoC 컨테이너이다. 선언적 트랜잭션을 관리할 수 있다. 완전한 기능을 갖춘 MVC Framework 이다. AOP 지원 스프링은 도메인 논리 코드와 쉽게 분리될 수 있는 구조를 가지고 있다. 컨테이너란? 컨테이너는 인스턴스의 생명주기를 관리한다. 생성된 인스턴스들에게 추가적인 기능을 제공한다. IoC란? IoC란 Inversion of Control의 약어이다. 제어의 역전 개발자는 프로그램의 흐름을 제어하는 코드를 작성한다. 그런데 이 흐름의 제어를.. 2024. 2. 28. 웹 애니메이션 구현방법 by HTML & CSS CSS3 transition & CSS3 transform HTML Without transition With transition SCSS .wrap { margin: 50px; } .container { display: inline-block; width: 300px; } h1 { color: lightgray; font-family: lato; font-size: 20px; font-weight: 200; padding: 20px; text-align: center; text-transform: uppercase; } .box { border-radius: 5px; height: 40px; margin: 50px auto; width: 80px; .wrap:hover & { transform: sca.. 2024. 2. 28. 이전 1 ··· 4 5 6 7 8 9 10 다음
