moomood

앞 뒤 .item { backface-visibility: hidden; /* 뒷면 보이지 않게 */ transition: 1s; /* 1초동안 실행 */ position: absolute; /* front, back 겹칠수 있도록 */ width: 300px; height: 500px; } .itemWrap .item.front { background-color: orange; transform: rotateY(0deg); /* 생략가능 */ } .itemWrap:hover .item.front { transform: rotateY(180deg); /* 마우스 오버시 y축 기준으로 180도 회전 */ } .itemWrap .item.back { background-color: yellow; transf..

Spring boot의 mybatis를 이용하여 mysql 데이터베이스와 연동해보도록 하겠다. 1. 프로젝트의 pom.xml 파일에 mybatis, mysql 관련 dependency를 추가해 준다. 아래 사이트에서 검색을 통해 쉽게 원하는 dependency를 복사해 붙여넣어 줄 수 있다. https://mvnrepository.com/ 최종적으로 아래 2가지 dependency를 추가해 주면 된다. ... 중략 ... org.mybatis.spring.boot mybatis-spring-boot-starter 2.2.2 mysql mysql-connector-java 참고할만한 점으로 mysql-connector-java의 경우 버전을 함께 명시할 경우 warnning 메세지를 띄워주는데 Spring..

1. 본격적인 프로젝트 진행 전 mysql 서버환경을 구성한다. mysql 서비스를 실행해 줄 server와 편리한 DB 접근을 위한 Workbench를 설치해 준다 (Workbench가 불필요하다면 생략해도 무관) https://dev.mysql.com/downloads/installer/ MySQL :: Download MySQL Installer Select Operating System: Select Operating System… Microsoft Windows Select OS Version: All Windows (x86, 32-bit) Windows (x86, 32-bit), MSI Installer 8.0.31 5.5M (mysql-installer-web-community-8.0.31...

1. spring boot 프로젝트의 경우 기본 생성해주는 사이트가 존재한다. 해당 사이트에서 원하는 스펙을 선택 후 프로젝트를 생성한다. https://start.spring.io/ 우측상단 ADD DEPENDENCIES.. 를 통해 프로젝트 생성 시 자동으로 추가해 줄 dependency를 선택해 준다. Spring web 프로젝트를 생성할 것이므로 해당 dependency 1개만 선택해 주었다. 이후 GENERATE 버튼을 통해 프로젝트 압축파일을 내려받을 수 있다. 2. 내려받은 demo 프로젝트를 워크스페이스 폴더 내에 압축해제 하여 주고, 이클립스에 import 시켜준다. 3. 프로젝트 빌드 후, 생성된 demo 프로젝트를 우클릭하여 [Run As] - [Spring Boot App] 으로 실..