React Modal 어디까지 만들어봤니?모든 코드는 github에 있습니다.서론나는 개인적으로 모달창을 좋아한다.페이지 이동없이 내가 의도한대로 데이터를 전달받을수 있고 다른 화면을 클릭하면 모달이 꺼지는등 키고 끄는 동작을 간편하게 설정할 수 있기 때문이다.backdrop-filter에 blur를 설정하여 위와 같이 모달에 집중하게 할 수 도있고 아닐수도 있다.지금까지 간단히 모달을 띄우는 작업을 하다가 복잡한 모달의 요청을 받아서 하나의 리액트 훅으로 처리했던 코드를 공유하려고 한다.요구 사항모달이 아닌 부분 클릭하면 '작성 중이던 글을 취소하시겠습니까?' 라는 새로운 모달 띄우고 닫기 or 유지하기모달 step 만들기 - 1단계 -> 2단계 -> 3단계 (완료)단일 모달만 만들어본 나에게는 모달지..

Docker를 설치하고 k8s 를 실행하려고 하는데 아래와 같은 오류가 떴다. Cannot connect to the Docker daemon at unix:///경로/docker.sock. Is the docker daemon running? 검색해보니 남들은 sudo 권한 없이 docker 명령어를 실행할 수 있게 세팅하면 해결됐다. 근데 나는 해결이 안되서 계속 찾아보다가 sudo docker 와 docker 명령어의 차이가 unix:///경로/docker.sock  이 경로에 있다는걸 알았다. 그리고 docker context라는 걸 알게되었고 context 를 default로 바꿔서 해결했다. docker context ls 내 경우엔 아래와 같이 뜬다. default Current..

Propagation.REQUIRES_NEW에서 겪은 이슈모든 코드는 Github에 저장되어 있습니다.이슈Propagation.REQUIRES_NEW 써도 따로 커밋이 안되는 현상1. 배경지식Propagation이란 사전적 의미로 전파, 번식등의 의미를 가지고 있다.Transaction Propagation (트랜잭션의 전파 속성)트랜잭션의 전파속성이란 이미 트랜잭션이 진행중일 때 추가 트랜잭션 진행을 어떻게 할지 결정하는 것이다.속성에 따라서 기존 트랜잭션에 참여할 수도 있고 새로운 트랜잭션을 만들수도 있다.물리 트랜잭션과 논리 트랜잭션다른 블로그 글들을 보면 물리 트랜잭션, 논리 트랜잭션 이라고 하는데 추상적으로는 이해가 되지만 콕 찝어서 설명하라고 하면 못할것 같아서 따로 찾아보고 정리하려고 한다...

SpringBoot JsonSerialize 활용해서 요청 Body 커스텀하기모든 코드는 Github에 저장되어 있습니다.목차1. Spring boot에서 JSON 요청의 Body값을 처리하는 방법(1) RequestBody - Map@PostMapping("/mapRequest")public Map mapRequest(@RequestBody Map mapRequest) { String input1 = mapRequest.get("input1"); String input2 = mapRequest.get("input2"); return mapRequest;}Test Code@Testvoid testMapRequest() throws Exception { String requestBod..

APM url 문제로 연결 실패 2024-04-23 17:04:03,502 [elastic-apm-server-reporter] ERROR co.elastic.apm.agent.report.IntakeV2ReportingEventHandler - Failed to handle event of type METRICSET_JSON_WRITER with this error: Contains non-LDH ASCII characters 2024-04-23 17:04:03,502 [elastic-apm-server-reporter] INFO co.elastic.apm.agent.report.AbstractIntakeApiHandler - Backing off for 36 seconds (+/-10%) spring..