아이니그마

사실 이번 jangbogo프로젝트는 모놀리식 아키텍처가 아닌 마이크로아키텍처로 하려고 했으나! 그러면 진짜 프로젝트 완성 못할 거 같아서...ㅋㅋㅋ 다른 서버라고 치고 구현해보자! (나중에 배치만 따로만들자) 일단 springboot + sqs를 하는 방법은 https://www.youtube.com/watch?v=q3zo3YREfJI 이 분거 보는 게 최고다 s3/sns도 이분 꺼 보고 붙였다 이분 장점이 다른 코드에 추가가 아니라 그냥 어떻게 기본적으로 연결하는지 보여준다 디펜던시별로 차이가 약간있는데 영상으로는 // https://mvnrepository.com/artifact/org.springframework.cloud/spring-cloud-aws-messaging implementation ..

드디어 내계정이 ec2가 접속이 되었다.. 알고 보니 내가 예전에~~ s3처음 연동할 때 깃허브에 내 키가 다 올라가 있었고 aws에서 캐치하고 막아버렸던 것이다 ㅠㅠ 겨우겨우 연락해서 이유를 알아내고 처리했다! 시작하자! ec2대시보드-> 인스턴스 시작-> Ubuntu Server 20.04 LTS(연도에 따라 다를 수 있음 프리티어 사용 가능하다고 하면 클릭) ->t2.micro-> mysql/a 어쩌고를 선택하면 포트번호 3306 자동 할당되고 사용자 지정에 0.0.0.0/0으로 모두 접근할 수 있게 해 준다 (테스 트니까) 그리고 https://mirae-kim.tistory.com/73 [AWS] AWS EC2에 mysql 설치하기 (ubuntu) 1. ubuntu 패키지 정보 업데이트 sudo..

프런트 서버 사이드 바를 구해야 했다 부트스트랩 사이드 바를 하나 가져 와서 바꿨다 사이드바 추가 후 검색/페이징에 필요한 것들을 만들었다 사실 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로 시작합니다!

프로젝트 종료 이유는 1. 목표하는 바를 완성 -목표는 이거였다 1.jwt인증방식을 사용해보자 2.게시판 에디터를 붙혀보자 3.예약시스템을 당일이 아닌 통상적으로 만들어보자 4.결제시스템을 더 견고하게 만들어보자 다행이 위4개를 모두 만들었고 (절대 완벽하게 만들었다는 말이 아니다) 거기서 수많은 몰랐던 지식+확장을 할 수있었다 2. 월요일부터 국비 스프링 레거시 시작 예정 -원래 레거시 수업 전까지만 하려고 했다 이미 배운 내용이었고 수업을 들으면서도 역시 배운 내용이었다 아니 오히려 jsp수업을 집중적으로 듣고 온 나에겐 이전 수업보다 빠진 내용이 많았다 마치면서 소감은 정말~~~~ 많은걸 이 프로젝트에서 얻었다 프로젝트 초반 프런트와 백엔드가 통신하는 방법/절차를 익히는 것에서 고전했다 쿠키/cor..