hye-log

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..

Java에서 이미지를 포함한 Excel 파일을 생성하기 위해서Apache POI 라이브러리를 이용하여 엑셀 다운로드 기능을 구현해보자!프론트에서 엑셀 다운로드 버튼을 클릭하면 해당 화면을 캡쳐한 이미지를 백엔드로 보내서,백엔드에서 엑셀 안에 이미지를 넣어서 다운로드 받는 기능을 구현하고자 한다. 단순 데이터를 엑셀로 다운로드 하는 기능은 구현되어 있지만,이미지를 포함하여 엑셀 파일로 생성하는 기능은 미구현되어 있어서 이 부분을 중점으로 포스팅하고자 한다. 프론트에서 백엔드로 이미지를 전송할 때는 MultipartFile을 이용하여 전송하여 활용했다.이미지를 어딘가에 저장해야 하나..? (예를 들면 데이터베이스라든가..) 생각했는데 결론은 다음과 같다.1. 이미지는 데이터 값에 영향을 받기 때문에 사용자마..

[Windows] 윈도우10 mkcert 인증서 만들기https://hye-log.tistory.com/entry/Windows-%EC%9C%88%EB%8F%84%EC%9A%B010-OpenSSL-%EC%9D%B8%EC%A6%9D%EC%84%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0 [Windows] 윈도우10 OpenSSL 인증서 만들기카카오톡 공유하기 기능을 구현하다보니 https 인증이hye-log.tistory.com mkcert를 이용하여 인증서를 만들었으니 Next 서버에도 적용시켜보자!기존에는 (FE)http://localhost:3000 (BE)http://localhost:9090 에서https 적용 후 (FE)https://localhost:3000 (BE)https:/..

https://hye-log.tistory.com/entry/Windows-%EC%9C%88%EB%8F%84%EC%9A%B010-OpenSSL-%EC%9D%B8%EC%A6%9D%EC%84%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0 [Windows] 윈도우10 OpenSSL 인증서 만들기카카오톡 공유하기 기능을 구현하다보니 https 인증이 필요하여개발하고 있는 윈도우10 환경에 OpenSSL을 적용해보려고 한다. 1. SSLSSL(Secure Socket Layer)은 웹서버 - 브라우저 사이의 보안을 위해 만들hye-log.tistory.com 이전에 OpenSSL로 인증서를 만들었으나, OpenSSL은 자체 서명된 인증서(Self-signed Certificate)이기 때문에 프론트엔드..

[Windows] 윈도우10 OpenSSL 인증서 만들기카카오톡 공유하기 기능을 구현하다보니 https 인증이 필요하여개발하고 있는 윈도우10 환경에 OpenSSL을 적용해보려고 한다. 1. SSLSSL(Secure Socket Layer)은 웹서버 - 브라우저 사이의 보안을 위해 만들hye-log.tistory.com 이전에 윈도우10에서 OpenSSL 인증서를 만드는 과정까지 했고, 이제 실제로 Java 애플리케이션에 적용할 차례이다.OpenSSL에서 만든 인증서를 Java에서 바로 사용할 수 있는게 아니라 JKS(Java KeyStore) 포맷으로 바꾸어야 한다.JKS는 자바에서 사용하는 기본 키 저장소 형식으로, 개인 키와 인증서를 저장하는데 사용된다.OpenSSL에서 만든 인증서를 바로 JKS로..