아이니그마

학원에서 마지막 스프링 프로젝트 조를 알려줬다 그래서 취업전 팀프로젝트에 많은 시간을 쏟아야할거 같다 이렇게 된김에 팀프로젝트 스프링 레거시를 한번 또 블로그에 끄적거려볼까 생각도 든다 일단 시간과내실력이 허락한다면 ㅋㅋ 최대한 블로그를 써봐야겠다 프로젝트 종료를 선언한다 이유 1.취업 활동과 겹쳐 흐름을 잃었다 2.vue.js로 또 다른 프로젝트시작 -다른 배달 웹페이지를 만들고 싶다라는 생각이들어서이다 3.작업형식의 변화 -이제 더이상 글을 쓸때 회원가입/로그인 이런 카테고리보다는 새롭게 알게된 사실위주로 쓸거같다 다음 프로젝트는 jangbogo이다 동네 마트 배달 서비스를 최대한 비슷하게 구현하려고 노력할것이다 이전과 다르게 조금더 타협없이 시간에 쫓기지 않고 만들 생각이다

쿠폰/할인 코드/포인트 적용하는데 처음 적용해서 그런가 아 진짜 힘들었다.. 규칙 1. 한 상품의 최대 할인율이 정해져 있다 2. 쿠폰+할인 코드=총 할인금액이 최대 할인율을 넘어서면 안 된다 3. 포인트는 총금액에서 마이너스한다 4. 쿠폰/할인코드드중 퍼센트인 게 먼저 적용되고 그다음 마이너스가 적용된다 ex) 쿠폰=퍼센트/할인=금액 마이너스인 경우 쿠폰 적용 후 할인 적용 반대라면 반대로 적용 둘 다일 경우 마이너스 든 퍼센트 든 합해서 계산하면 된다 5. 쿠폰/할인 코드는 개별 적용/포인트는 총금액에서 마이너스 구현중 어려웠던 건.. 예를 들어 3잔의 커피를 주문하고 3장의 쿠폰/혹은 할인 코드가 적용된다면 총금액에 적용되는 게 아니라 개별 상품에 적용되게 하는 것이 힘들었다.. 일단 구현은 했다 ..

프런트 서버 사이드 바를 구해야 했다 부트스트랩 사이드 바를 하나 가져 와서 바꿨다 사이드바 추가 후 검색/페이징에 필요한 것들을 만들었다 사실 nexPage/beforePage는 변수만 다른 것이다 파라미터를 1/-1 받아주면서 합쳐보자 페이지 입장 시 파라미터 값을 찾아 서버로 요청을 보낸다 백엔드 서버 Service 조건대로 품목을 가져온다 public JSONObject getProducts(HttpServletRequest request) { 검색키워드에 따라 다른 쿼리문을 던진다 private List getProductVos(String kind,int start,String keyword) { 원래 sql 자체에도 조건문이 있는 걸로 아는데 일단 잘 몰라서 나눠주는 함수를 만들었다 테스트 ..

마이페이지 회원정보 서비스는 주로 팝업으로 열리게 할 계획이다 마이페이지/로그인/회원가입/비밀번호 찾기/이메일 찾기 등 프런트 서버 우편번호를 이제 팝업으로 띄울 것이다 이전 프로젝트처럼 만들어주자 이 함수를 사용하려면 페이지가 열리자마자 스크립트 태그를 넣어줘야 한다 내가 찾은 방법은 이것이다 페이지가 열리자마자 created가 실행된다 그러면 난 head에 자바스크립트 src를 경로로 넣어줄 것이다! 이렇게 전화번호/주소/비밀번호를 바꿀 수 있다 백엔드 서버 service 수정이 필요했다 예를 들어 번호가 같더라도 인증/변경/이메일 찾기 이렇게 세 개의 기능이 있었다 이걸 합 처서 관리하는 게 말이 안 돼서 분리시켰다 update/핸드폰 수정 시에만 다른 쿼리를 던진다 이유는 이미 회원가입되어있는 핸..

이제 로그인을 만들자 크게 다를 건 없다 일반/네이버/카카오 로그인 로그인 페이지 프런트 서버 크게 특별한 건 없다! oauth로그인이라면 오게 되는 리다이렉트 페이지 oauth로그인이라면 회사별 처리 백엔드 서버 로그인 필터 https://cordingmonster.tistory.com/178 서버셋팅하기! 백엔드 서버 시큐리티 세팅 cors정책 세팅 로그인 필터 만들기 인증 필터 그외 uservo/dto/dao나 userdetail를 만들어주면된다 프론트서버 백엔드 통신을 위해 만들어놓은 함수들이다 cordingmonster.tistory.com 카카오/네이버 로그인도 크게 달라진 건 없다 카카오로 봐보자 reuqest부분을 따로 빼고 콜백 부분을 합쳤다 무슨 말이냐면 예전엔 pay/login 이렇게..

1. 회원가입 프런트 서버 vue의 for문 한번 쓰고 싶어서 해봤다 npm으로 카카오우편번호서비스를 받은 후 연동 이분 글을 추천한다 https://github.com/wan2land/vue-daum-postcode/tree/0.x-vue2 GitHub - wan2land/vue-daum-postcode: ✉️ 다음 우편번호 서비스 Componet for Vue 2 & 3. ✉️ 다음 우편번호 서비스 Componet for Vue 2 & 3. Contribute to wan2land/vue-daum-postcode development by creating an account on GitHub. github.com 그 뒤 결과값을 어떻게 받아야 하나.. 고민하다가 이게 될까 하고 해 봤는데 됐다 놀랍게..

이전 사이트들에 비해 이제 설명을 좀 더 간결하게 쓰려고 한다 구현 목록 1. 메인화면(홈페이지와 다름) 2. 네비바 3. 회원가입 4. 로그인/아웃 5. 마이페이지 6. 이메일/패스워드 찾기 1. 메인화면 전체적으로 페이드인 효과를 넣었다 첫 입장 시 나오는 화면이고 그다음 홈페이지는 따로 만들 예정이다 2. 네비 바 부트스트랩에서 가져온 걸 사용하였고 true면 네비바를 표시한다 true일 때 로그인 여부에 따른 부분 페이징 해당 페이지들은 네비바 미사용 if(uri=='/joinPage'||uri=='/loginPage'||uri=='/myPage'||uri=='/findPwdPage'||uri=='/findEmailPage'||uri=='/changePhonePage'){ logincheck는 로..

백엔드 서버 시큐리티 세팅 cors정책 세팅 로그인 필터 만들기 인증 필터 그외 uservo/dto/dao나 userdetail를 만들어주면된다 프론트서버 백엔드 통신을 위해 만들어놓은 함수들이다

새로운 홈페이지를 만들려고 한다 프론트=vue.js2 백엔드는=springboot 인증=jwt 에디터=ckeditor5 라이브러리=부트스트랩5 주제=간단한 옷쇼핑몰 이전과 다르게 프론트에 좀더 신경을 쓰면서 작업해봐야겠다 vue3을 쓰려했는데 부트스트랩이 연동이 안된다는거같아서 일단 vue2로 시작합니다!