react

현재 관광데이터 활용 공모전에 참가중입니다.저는 인프라, 백엔드를 맡았습니다.오늘은 배포 과정에서 있었던 문제에 관해 포스팅 해보겠습니다. 문제문제는 프론트엔드 프로젝트 빌드 중 일어났습니다. 배포 실패 알림이 왔고 Jenkins를 확인해 보았습니다. 보면 npm install을 하던 도중 authenticate 관련 오류가 발생한것을 확인할 수 있었습니다. 프론트엔드의 Dockerfile은 다음과 같이 작성되어 있었습니다.FROM node:18.17.1-alpine AS builder# 컨테이너 내부 작업 디렉토리 설정WORKDIR /usr/src/app# 컨테이너 내부로 package.json 파일들 복사COPY package* .# package.json 및 package-lock.json 파일에..

두번쨰 프로젝트가 끝이났습니다... 배운것도 많고 아쉬움도 많은 프로젝트였습니다. 프로젝트에서 겪은 문제들을 정리해보자 합니다. 먼저 프론트엔드 1명, 백엔드 3명 풀스택 2명으로 구성되어 있으며 저는 풀스택을 맡게되었습니다 프로젝트의 주제는 여행용 모임통장입니다. 다음과 같이 진행중입니다. Java 17 Spring Boot 3.2.0 Gradle React 문제 문제는 Cors에러 였습니다. 저희 개발 순서는 다음과 같습니다. 백엔드 API 개발 -> Swagger 테스트 -> 프론트에서 적용 Swagger에서는 정상작동을 확인했기에 로직의 문제 보다는 설정이나 프론트 axios가 잘못됐다고 판단하였습니다. 에러를 보니 Cors 에러가 맞는것 같습니다. 저희 프로젝트는 로그인 이후에는 JWT 토큰을 ..

팀원들과 프로젝트를 진행하였고 의미 있는 내용들을 포스팅 해보려고 합니다.프로젝트는 다음과 같이 진행되었습니다.Java 17Spring Boot 3.2.0JPAGradleReact저에게는 자그마한 꿈이 있었습니다. 바로 저장되는 실시간 채팅입니다. 한번 좌절을 맛보았던 터라 이번 프로젝트는 반드시 해내자고 다짐하고 결과적으로 성공했습니다. 그 과정을 설명해보려고 합니다. 이번 프로젝트에서 프론트엔드를 맡아서 백엔드 코드는 설명이 부족할 수 있습니다.1. 목표제가 생각하는 구현하고자 했던 채팅은 당근마켓과 유사한 1:1 채팅이였습니다. 참고자료들에서는 사용자 입장메세지, 일반메세지로 나누었지만 1대1 채팅을 원하는 저에게는 의미없었습니다. 또한 채팅내용이 저장이 되어야 했습니다. 굳이 다른 백엔드 서버를 ..