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

2학기의 두 번째 특화 프로젝트도 마무리되었다.우리 프로젝트의 이름은 '요약'으로약 사진을 찍어 인공지능으로 정보를 알려주고,약 정보를 요약해주는 앱이다. 1. 기획진짜 아이디어 회의는 정말 많이했다처음에 이야기 나온 것 중에 허밍으로 음악을 생성해주는 프로젝트를 생각했는데,기술 검토를 하면서 생각보다 원하는 퀄리티가 나오지 않아서 반려되었다두 번째로 세탁 라벨 분류하는 프로젝트도 생각해보았는데,데이터 수집이나 학습까지는 인공지능 프로젝트로서 적합하지만서비스 확장성에서 막혀버리는 바람에 기능 생각하다가 반려되었다이렇게 거의 2주 간의 회의 끝에 선택된 주제가 약이었다약 사진 찍어서 정보 알려주고,프로젝트 명을 요약이라고 한 만큼 약 정보도 요약해주는 프로젝트이다아무래도 모바일이 편할거 같다고 생각하여 플..

지금까지 설정만 다 했으면여기는 파일만 잘 쓰면 끝이다! 1. DockerfileFROM openjdk:17ARG IDLE_PROFILEENV ENV_IDLE_PROFILE=$IDLE_PROFILECOPY build/libs/{{.jar}} /app/app.jarRUN echo $ENV_IDLE_PROFILEENTRYPOINT ["java", "-Dspring.profiles.active=${ENV_IDLE_PROFILE}", "-jar", "/app/app.jar"]Dockerfile부터 작성해준다IDEL_PROFILE은 deploy.sh에서 설정해줄텐데새로운 profile로 실행하도록 설정해준다 2. application.ymlspring: profiles: active: prod1 gr..

서론 없이 바로 삽질한 내용들 갑니다! 1. Jenkins 생성Jenkins는 만들던 대로 만들면 된다webhook 걸어서 git에 push하면Jenkins도 동작하도록 설정하기! 2. nginx 설정 변경(blue)port 9091 -> (green)port 9092 로 넘어가도록 구성할 것이다우선 nginx에게 포트가 변경되는 것을 알려주기 위해서service-url.inc 파일을 하나 생성해서 url을 변경해준다sudo vi /etc/nginx/conf.d/service-url.inc/etc/nginx/conf.d에 service-url을 만들 파일을 하나 생성하고set $service_url http://127.0.0.1:9091위와 같이 백엔드 주소를 입력해준다무중단 배포 sh 파일을 통해 여..