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

Next.js에서 설정할 수 있는 reactStrictModeNext.js 공식문서에서는 next.config.js에서 reactStrictMode를 설정할 수 있다고 알려주고 있다.React의 Strict 모드를 통해서 잠재적인 문제를 강조하는 개발 모드 전용 기능으로, 안전하지 않은 라이프사이클, 레거시 API 사용 및 기타 여러 기능을 식별하는데 도움을 준다.// next.config.jsmodule.exports = { reactStrictMode: true,} React에서 말하는 React에서는 이 를 통해 일반적인 버그를 찾을 수 있다고 말한다. StrickMode는 개발 환경에서 동작하므로 실제 배포 환경에서는 동작하지 않는다.- 불순한 렌더링으로 인해 발생한 버그를 찾기 위해 구성 요소..

⚠️ 에러 상황 React 18.2.0 버전을 사용하면서 색상 선택 컴포턴트가 필요해서react-color 패키를 사용했는데 Sketch 컴포넌트를 불러올 때마다 아래와 같은 오류가 떴다..Sketch: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters insteadCheckboard: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead ✅..