Nextjs15 에러핸들링모든 코드는 github에 있습니다.서론에러 핸들링은 따지자면 에러 핸들링과 예외 핸들링이 존재한다고 한다.구분하자면 에러 핸들링은 컴퓨터가, 예외 핸들링은 개발자가 의도적으로 발생시킨다.Nextjs 프레임워크를 쓴지 얼마 안된 뉴비 입장에서 이런 핸들링이 문득 궁금했다.내가 생각하는 이상적인 에러 핸들링은 에러 발생 후 얼마만큼 자연스럽게 처리되는가 이다.모든 경우를 세분화하여 예외처리하면 좋겠지만 하다보면 예상치 못한 에러들이 발생할 수 있고 이를 얼마만큼 매끄럽게 처리하냐가 관건이라고 생각한다.그래서 예상치 못한 에러도 잡고 내가 정의한 예외들을 어떻게 nextjs 에서 녹여낼수 있을까 하는 생각으로 찾아봤다.에러와 관련하여 react 측에는 ErrorBoundary 라는 ..

Spring Cloud Gateway로 구현하는 MSA 아키텍처모든 코드는 Github에 있습니다.Spring Cloud Gateway는 마이크로서비스 아키텍처에서 API Gateway 역할을 수행하는 프로젝트입니다. 이 문서에서는 Spring Cloud Gateway의 주요 기능과 설정 방법에 대해 설명합니다.[이미지 출처 : https://www.connecting-software.com/blog/what-is-an-api-gateway-how-it-can-actually-deliver-practical-results/]주요 기능역방향 프록시: 클라이언트 요청을 적절한 마이크로서비스로 라우팅합니다.필터: 요청 및 응답을 수정할 수 있는 다양한 필터를 제공합니다.로드 밸런싱: 여러 인스턴스 간에 트래픽..

1. 현재 비밀번호 정책 확인하기MySQL의 현재 비밀번호 정책을 확인하려면 다음 명령어를 사용합니다:SHOW VARIABLES LIKE 'validate_password%';이 명령어를 실행하면 현재 설정된 비밀번호 관련 정책들을 모두 확인할 수 있습니다.2. 비밀번호 정책 수준 변경하기MySQL은 세 가지 수준의 비밀번호 정책을 제공합니다:-- LOW 레벨로 설정SET GLOBAL validate_password.policy = 0;-- MEDIUM 레벨로 설정SET GLOBAL validate_password.policy = 1;-- STRONG 레벨로 설정SET GLOBAL validate_password.policy = 2;각 정책 레벨의 특징:LOW (0): 비밀번호 길이만 검사합니다.MEDI..

Spring Cloud Config모든 코드는 깃허브에서 볼수 있습니다.Spring Cloud Config Server는 분산 시스템에서 설정 파일을 중앙에서 관리하고 애플리케이션이 시작될 때 설정을 동적으로 로드할 수 있도록 도와주는 서버입니다. 이를 통해 애플리케이션의 설정을 일관되게 관리하고, 설정 변경 시 애플리케이션을 재배포하지 않고도 설정을 업데이트할 수 있습니다.주요 기능중앙 집중식 설정 관리: 모든 애플리케이션의 설정 파일을 중앙에서 관리합니다.환경별 설정 지원: 개발, 테스트, 운영 등 다양한 환경에 맞는 설정을 지원합니다.버전 관리: Git과 같은 버전 관리 시스템을 통해 설정 파일의 변경 이력을 관리할 수 있습니다.동적 설정 로드: 애플리케이션이 실행 중에도 설정을 동적으로 로드할 수..

플러터 프로젝트에서 자바버전과 gradle 버전이 안맞는다는 오류를 내뿜었다. 나의 경우 gradle 버전을 올리는게 아닌 로컬에서 자바 버전을 수정해줘야했다. 구글 검색 결과 안드로이드 스튜디오 세팅 -> 빌드 ,툴 -> gradle 에서 설정해주면 된다고 한다. 안드로이드폴더를 안드로이드 스튜디오로 열어서 세팅해줬고 실행시 잘 됐다. 근데 다시 플러터 프로젝트를 열고 실행했을때에는 다시 자바버전 어쩌구 시전.  echo 'export JAVA_HOME=$(/usr/libexec/java_home -v 17)' >> ~/.zshrcsource ~/.zshrc 먼저 JAVA_HOME 을  설정해주고 아래 명령어로 jdk 디렉토리를 정해준다.flutter config --jdk-dir $JAVA_HOME ..

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