game

프로젝트를 진행하다가 아는 개발자분들과 함께 개발을 하기로 해서 판매 사이트보다는 재미있는 사이트를 만들고 싶어서 보드게임 사이트를 만들어보기로 했다. 다행히 아직 판매나 상품 로직은 만들기 전이여서 바로 내가 하던 프로젝트에서 방향만 바꿔서 진행하기로 했다.프로젝트를

api로써 반환할 값은 공통의 스펙으로 반환하도록 정의하는 것이 좋다. 그래서 우선 정상 처리의 대한 반환 객체를 정의해주려고 한다.CommonApi 공통의 객체를 정의해주었다.CommonEnum 자주 사용될 코드나 메세지를 Enum으로 정의해두면 유지보수에 편하기 때

.env 파일을 사용하기 위해서는 dotenv를 설치해주어야한다.dotenv를 설치해주고.env파일을 root 경로에 생성해준다.해당 파일에 설정 내용을 입력해주면 되며 server.js 파일 내부에 dotenv를 추가해주어으로 불러와서 사용할 수 있다..env파일에

game users 테이블을 먼저 생성해주었다. 물론 로컬 테스트는 jpa가 자동으로 생성해주지만 까먹지 않게 미리미리!entity는 다음과 같이 추가해주고 로직을 만들어보자!Response Vo를 만들어주고interface만 우선 선언해주자.매개변수로 받을 객체를 먼

🔨회원가입 - back 다음과 같이 정의해주었다. 🔨회원가입 - front 먼저 axios를 구현해두자 /api로 요청하는 이유는 vue.config.js파일에 다음과 같이 proxy로 설정해두어서 CORS 에러를 우회하기 위해서 사용했다. 회원가입 fr

🔨Controller 추가 login 요청을 할 수 있도록 login을 추가해준다. > 저번 코드에서 이제 실제 front 서버와 데이터를 주고 받게 하기 위해 /api/member 로 변경했다. 로그인시 데이터를 받을 Dto도 정의해주었다. 🔨Service

이전 포스트에서 token을 발급 받아서 log까지 찍어봤으니 이제 api server와 front에서 어떻게 관리해야할지 생각해보았다.Cookie에만 저장하자니 탈취, 위조가 너무 쉽고 DB에 저장하자니 access_token의 경우 유효 시간이 30분인데 30분마다

interceptor를 사용하여 game api 자체에서 로그인을 체크하고 로그인 토큰의 유효기간이 종료되었다면 다시 재발급하여 진행할 수 있도록 처리해보려고 한다.우선 로그를 찍어보기 위해 LogInterceptor를 추가해보았다.LogInterceptor는 다음과

지금까지 서버를 생성해서 dns까지 적용해서 사용하다가 위치기반을 사용할 일이 생겼다. 자동으로 현재 위치를 불러올 수 있도록 하려면 https를 사용해야만 가능하더라. 회원가입때도 더 안정적인 사이트로 인식될 수 있고 위치도 자동으로 불러오기 위해 https를 서버에

솔직하게 말해서 글로 정리하면서 해야했었는데... vue는 잘 몰라서 여러 방법으로 시도하느라 글로 정리를 못했다.그래도 내가 원하는 기능은 어느정도 실행되도록 만들었고 대략 정리만 해두려고 한다.예전에 eats라는 프로젝트를 만들 때 썼던 api인데 google ma

우선은 지난번 사용했던 google api 요청 webclient를 공통으로 처리할 수 있도록 변환하려고 한다.코드는 간단하다. GoogleWebClient class를 생성하고 Component로 등록하여 Spring에서 해당 class를 스캔하도록 한뒤 Bean으

오늘 친구들을 만나 내가 개발하고 있는 웹페이지를 보여줬는데 이런 저런 피드백을 받았는데 현재 위치 정보를 표현해줬으면 한다는 말에 현재 위치를 표현할 방법을 찾고 있었다.현재 위치를 표현하기 위한 가장 좋은 방법은 Marker를 현재 위치에 찍어주고 다르게 표현하는

요즘 회사에서 msa 기반으로 프로젝트를 진행하다 보니 msa 구조를 좀 더 잘 짤 수 있을거 같아졌다. 지금까지 기능을 구현하느라 설정 파일들을 제대로 정리하지 않았어서 오늘 정리하려고 한다.이전에 파일로 늘어놨던 구조에서 모두 폴더에 파일을 넣었다.공통 설정은 ap

👏로그인 구조 변경 회사에서도 로그인을 만들고 있는데 개인 프로젝트를 진행할 때보다 더 꼼꼼하게 진행하다보니 이래저래 배우는게 많다. 그러다보니 내가 개인적으로 진행했던 코드가 엄청 허접하다는 것을 깨닫는 시간이 많았고 그래서 수정해보려고 한다. ✅1차 문제 @Ma