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

SNS 공유하기 기능이 필요해서 만들다가대부분 공식 문서의 가이드는 JavaScript 기반으로 되어 있어서TypeScript에 맞게 작업하다가 과정을 정리해본다! 이런식으로 네이버, X(트위터), 페이스북 세 가지로 만들었고,카카오톡 공유는 만드려고 설정은 다 했으나..https 인증을 받지 않은 http 환경에서는 테스트 할 수 없어서환경설정한 코드까지만 살려두고 추후 다시 해보는걸로.. 카카오톡으로 공유하기 위해서는 Kakao Developers 사이트에 로그인한 뒤앱을 생성하고 키를 발급받아서 사용해야 한다. env 파일에 발급 받은 JavaScript 키를 입력하고 사용하면 된다.# kakao 공유하기 API KEY 개발REACT_KAKAO_API_KEY= (JavaScript 키 입력) win..

차트 관련 업무를 하고 있던 중..차트 조회를 위해 QueryDSL을 이용하여 select 문을 작성하고 있었다.join을 통해 다른 테이블에서 코드로 된 컬럼의 한글명도 불러와야 해서 select 결과를 tuple로 받아온 다음내가 원하는 entity에 @Transient로 정의한 컬럼에 하나씩 넣어서 entity를 return 하는 방식으로 구현했다. 그런데 해당 select 쿼리문을 실행하면 자꾸 update 문이 실행되는 것이다..나는 분명 조회하는 select만 썼는데 어디서 자꾸 update가 실행되는거지..? 하고 디버깅을 천천히 해보니tuple에서 entity로 변환하는 과정에서 기존에 entity에 정의한 컬럼의 값을 set으로 바꾸려고 하니 update가 실행되는 것이었다.아하..!@T..