개발 공부 쌓기

1. object-fit 같은 object의 사이즈를 컨테이너의 크기에 맞춰서 조절할 수 있음 사용방법은 를 선택 후 object-fit : cover; 해주면 끝! img { width: 100%; height: 200px; object-fit: cover; } cover 가로, 세로 비율 유지, 비율이 맞지않아도 이미지를 화대하여 컨테이너 채움 contain 가로, 세로 비율 유지하여 컨테이너에 보여줌 fill 기본값 none 원본 이미지의 사이즈 유지 scale-down none 또는 contain 중 적절한 속성으로 조절함 2. position : absolute 의 부모 컨테이너에서 넘치는 부분을 자름 사용방법은 의 css를 position : absolute; 로 주고, 의 부모 에 overf..

이 에러는 mybatis 사용 시 쿼리가 작성되는 xml 파일에 #{} 부분의 변수명이 파라미터 타입의 필드명과 달라서 발생하는 에러이다. - PageVO @Component @Data @NoArgsConstructor public class PageVO { private int pageCnt; private int startPage; private int endPage; private int realEnd; private boolean prev, next; private int total; private Criteria criteria; ... } - .xml 파일 select id, category, title, url, file_id AS fileId, thumbnail_id AS thumbnail..

A 엔티티 (1) 와 B 엔티티 (N) 가 서로를 참조하기 때문에 조회할때 무한으로 서로를 조회해와서 발생하는 에러이다. B 엔티티에서 A 엔티티를 참조하는 필드에 @JsonIgnoreProperties 설정을 해주면 끝 @JsonIgnoreProperties({ "aEntity" }) public class B { ... @ManyToOne @JoinColumn(name="a_id") private AEntity aEntity; ... }

한글이 데이터 값으로 들어갈 경우 발생하는 에러로 해당 테이블의 CHARSET을 UTF-8로 수정해주면 해결 ALTER TABLE 테이블명 CONVERT TO CHARSET UTF8;

var startDay = new Date($('#startDay').val()); var endDay = new Date($('#endDay').val()); var diffDate = Math.abs(endDay - startDay); console.log(diffDate/(1000 * 3600 * 24)));

쿼리문에서 비교연산자나 부등호를 사용할 경우 '>', '=', '' 를 사용하는 경우 닫힌 태그로 인식하여 오류가 발생할 것이다. ※ 사용 시 주의점 태그를 사용하면 동적쿼리를 사용할 수 없게된다. 동적쿼리와 태그를 함께 사용하고 싶은 경우 쿼리문 전체를 감싸지 않고, 특수문자가 있는 코드만 감싸주면 된다.

html 예제 표지 jquery 구현 $( document ).ready(function() { $('#imgFile').change(function(){ var fr = new FileReader; fr.onload = function (e){ $('#preview').attr('src', fr.result); } fr.readAsDataURL(this.files[0]); }); }); javascript 구현 function selectImg(){ var imgFile = document.getElementById("imgFile"); var fileList = imgFile.files; var fr = new FileReader; fr.onload = function (data){ document...

1. maven 프로젝트의 경우 pom.xml에 아래 라이브러리를 추가한다. javax.servlet jstl org.apache.tomcat.embed tomcat-embed-jasper 2. 프로젝트 구조 변경한다. Thymeleaf 템플릿을 사용하는 경우 resources/templates에 html 파일을 넣어주면 되지만, JSP 로 화면을 보여주기 위해선, webapp/WEB-INF 폴더를 생성해주고 그 안에 .jsp 파일을 넣어준다. 3. ViewResolver 설정 변경한다. application.properties 파일에 ViewResolver 경로를 변경해준다. spring.mvc.view.prefix=/WEB-INF/ spring.mvc.view.suffix=.jsp

▶ ApachePOI 주요 클래스 - HSSFWorkbook, HSSFSheet .. -> Excel 97 - 2007 버전의 파일을 포맷 - XSSFWorkbook, XSSFSheet .. -> Excel 2007 이상 파일을 포맷 - Workbook : 1개의 엑셀 파일 - Sheet : Workbook의 시트 - Row, Cell : Sheet 안의 행과 열 ▶ ApachePOI 사용하여 Excel 파일 읽기 1. FileInputStream 객체 이용 FileInputStream fis = new FileInpustStream(new File("{파일위치}")); //Excel 2007 버전 이상 XSSFWorkbook workbook = new XSSFWorkbook(fis); //Excel 9..

Java.util.Calendar는 날짜와 시간을 객체 모델링한 클래스이다. 년, 월, 일, 요일, 시간, 분, 초 등을 제공해준다. 객체는 아래 Calendar.getInstance() 와 같이 싱글톤 패턴으로 생성한다. (추상클래스는 new 로 인스턴스 생성 X ) 시스템의 현재 날짜와 시간을 가지는 Calendar 인스턴스를 반환해준다. Calendar cal = Calendar.getInstance(); - cal.toString() Calendar 인스턴스가 가지고 있는 날짜와 시간을 문자열로 변환하여 반환하는 메서드 - cal.get(int field) Calendar 인스턴스가 가지고 있는 정보 중 상수를 전달하여 원하는 값을 반환하는 메서드 public static void main(Str..