[CSS] img 비율 유지하면서 크기 줄이기(!important)
·
Development/CSS
기존 웹페이지의 일부를 반응형으로 만드는 작업을 하고 있다..(이거까지 하게 될 줄 몰랐지)아무튼!CSS는 디자이너 분이 해주셔서 내가 건들일 없다고 생각했는데,테스트 페이지로 구조만 잡아주시고실제 소스코드에 적용하는 건 내가 하다보니까CSS를 수정하는 경우가 굉..장히... 많다(!!!) 게시판에 이미지를 업로드 한 경우이미지 크기를 반응형으로 맞추는 작업을 진행했다. 가로 길이를 줄이면 반응형으로 모바일 화면으로 전환되는데,이미지 크기는 변하지 않다보니 이렇게 튀어나오는 현상이 발생했다. .table-scrollable img { max-width: 100%; display: block; } 튀어나온 이미지를 해결하기 위해서 max-width를 조절해보았다.max-width를 100%로..
[QueryDSL] Expressions.dateTemplate로 SQL 구문 만들기
·
Development/Spring
QueryDSL로 날짜별 생성된 데이터를 세는 쿼리를 구현했다.그런데 내가 생각한 것과 데이터 개수가 다르게 나오는 것이다...(왜그럴까)1. 문제 상황Tuple results = queryFactory.select(qStatsTable.regDt, qStatsTable.count()) .from(qStatsTable) .orderBy(qStatsTable.regDt.desc()) .groupBy(qStatsTable.regDt) .limit(1) .fetc..
[Apache POI] Iterator로 읽은 빈 셀 CellType.BLANK로 예외처리하기
·
Development/Spring
Apache POI를 이용해서 엑셀 파일을 읽어오는 기능을 구현했는데,기능 개발을 할 때는 되다가 테스트를 하니 ResponseDto에서 값을 가져오지 못하는 에러가 발생했다.Dto에서 디버깅을 해보니 값은 들어있어서 xlsx에서 row를 iterator로 읽는 과정에서 문제가 있다고 판단했다.1. 문제 상황try (InputStream inputStream = file.getInputStream()) { Workbook workbook = new XSSFWorkbook(inputStream); Sheet sheet = workbook.getSheetAt(0); Iterator rowIterator = sheet.iterator(); rowIterator.next(..
[React Bits] React에 애니메이션을 추가하고 싶다면, React Bits!
·
Development/React
React 관련 애니메이션 문서를 찾아보다가애니메이션, 컴포넌트, 배경 등 여러 React 컴포넌트를 제공해주고 있는 라이브러리를 발견했다.이미 Github 21.9K star를 받은 레포지토리인데,요즘 React를 쓴다면 "우와" 할법한 애니메이션들이 가득하다.실제로 컴포넌트를 체험해볼 수도 있다! 사용 방법도 간단하다.npm에서 설치를 먼저 해주고,npm install gsap 사이트에서 체험해본 원하는 컴포넌트를 가져와서 쓰면 된다.import SplitText from "./SplitText"; delay, duration 같은 props를 맘대로 조절할 수 있어서커스터마이징에 자유롭다는 게 큰 장점인거 같다! https://reactbits.dev/ React BitsAn open source..
[Apache POI]Java에서 이미지를 포함한 Excel 파일 생성하기
·
Development/Spring
Java에서 이미지를 포함한 Excel 파일을 생성하기 위해서Apache POI 라이브러리를 이용하여 엑셀 다운로드 기능을 구현해보자!프론트에서 엑셀 다운로드 버튼을 클릭하면 해당 화면을 캡쳐한 이미지를 백엔드로 보내서,백엔드에서 엑셀 안에 이미지를 넣어서 다운로드 받는 기능을 구현하고자 한다. 단순 데이터를 엑셀로 다운로드 하는 기능은 구현되어 있지만,이미지를 포함하여 엑셀 파일로 생성하는 기능은 미구현되어 있어서 이 부분을 중점으로 포스팅하고자 한다. 프론트에서 백엔드로 이미지를 전송할 때는 MultipartFile을 이용하여 전송하여 활용했다.이미지를 어딘가에 저장해야 하나..? (예를 들면 데이터베이스라든가..) 생각했는데 결론은 다음과 같다.1. 이미지는 데이터 값에 영향을 받기 때문에 사용자마..