아이니그마

미완성 사이드바가 가리긴 하는데 일단 전략을 바꿨다 구축하고 리팩터링 하는 걸로 그리고 애초에 장바구니에서 주문이 되는게 아니라 결제 페이지가 있어야하는데 일단 한꺼번에 만들었다 1. 수량조절 장바구니 고유 id값을 전달해 준다 요청받은 id/개수를 서버로 준다 서버 장바구니 id로 조회 basketVo basketVo=basketDao.findById(basketId).orElseThrow(()->utillService.makeRuntimeEX("존재하지 않는 장바구니 품목입니다", "tryUpadte")); 업데이트 basketVo.setCount(count); 가격 재계산 ((productVo)productService.getProduct(basketVo.getProductId()).get("mes..

정확히는 결제 시스템 까지만 만들고 중단하려고 한다 이유 1.새로운 기술 많이습득 -aop/websocket/async/이전에 생각못했던 방식/aws/vue(전반적으로 모두) 한마디로 배불러서 프로젝트가 질림 2.rest api설계 실패 -url 가관 3.user db설계 실패 4.시간 분배 실패 -특히 vue에서 페이징 터득 기술이 예상 보다 훨씬 오래걸렸다 5.무의미한 페이지 속출 -무의미라는건 a라는 페이지에서 어떤한 기능을 구현 하였을때 얻는게 있어야하는데 남은 작업대부분은 뿌려주기만 하는 페이지임 사실상 디자인이 중요한 페이지 6.디자인의 부재 -디자인 요소가 없어도 너무 없음 7.vue 설계 실패 -처음 깊이 다루기 시작해서 아쉬운 부분이많음 하지만 많은걸 얻음 8.형상관리 실패 - 첫 버전관..

상점/제품 등록 수정이 이뤄질 때 사진이 처리를 해줘야 했다 등록=잔여 사진 처리 수정= 잔여 사진 처리 + 기존 사진 유무 판별 그래서 잔여 사진 처리=aop 기존 사진 유무 판별=비즈니스 로직 이렇게 정리했다 흐름에 방해하지 않기 위해 비동기를 적용했다 흐름 컨트롤러 접근-> 세션 가져오기->비즈니스 로직 끝남->작동 이렇게 된다 컨트롤러에서 세션을 가져오는 이유는 비동기 처리 시 새 스레드가 생겨서 같은 리쿼스트를 뽑으면 오류가 난다 컨트롤러에서 세션 가져오기 삭제하는 로직

react/vue를 다루기 시작 하면 기존 html에서 익숙하지 않았던 컴포넌트 라는 아주 중요한 개념이 등장한다 개인적인 사용이유 1.새로고침이 없이 랜더링된다 -이게 생각보다 spa를 구현해보면 있고 없고 차이가 크게 느껴지게된다 (물론 자바스크립트도 가능하지만) 2.재사용 -물론 기존에도 자바스립트로 묶어서 쓰거나 하면되지만 좀더 편하게 재사용이 가능하다 1.부분랜더링 -처음 주소는 그냥 입력한기능이다 ㅋㅋ 뿌듯해서.. gif로 변환만 하면 엄청 끈긴당(실제로는 아주 부드럽게 잘작동한다) 2.재사용 -화면을 봐보자 이 화면은 총 몇개의 컴포넌트로 이뤄졌냐면 (사람마다 다르겠지만) 네비바/사이드바/companyPage(부모컴포넌트)/registStorePage(company/1 자식컴포넌트)/에디터/..

url을 이용해서 페이징을 구현하는 흐름을 만들어 야한다 흐름 다음/이전 버튼을 클릭-> url을 변경-> 재 랜더링 1. 다음 이전 버튼에 url을 바꿔주는 로직을 작성한다 -vue의 라우터가 들고 있는 기능을 활용한다 2.url이 변경된다 -url이 변경되면 부모 컴포넌트 혹은 현재 컴포넌트에 watch로 감지한다 3. 재 랜더링 -주석은 무시하면 된다 내 로직 기준 해당 url 자식 컴포넌트의 함수를 호출해 재 렌더링을 시킨다 -주석은 무시하고 그냥 다시 서버에 요청하는 로직을 호출한다 새로고침 없이 페이지 이동이 되고 뒤로/앞으로 가기 버튼/이탈 후 뒤로/앞으로 가기시에도 잘 대응된다 훨신 좋게 소스를 바꿨다 https://cordingmonster.tistory.com/266?category=1..

vue를 사용하다 보면 컴포넌트 통신은 필수적으로 일어난다 그때 사용하면된다 -refs, props 부모-> 자식 1.props 주로 초기 변수 전달을 위해 사용했다 줄 때(부모) v-bind:변수 이름:변숫값 v-bind->: 줄여서 표현 가능하다 받을 때(자식) props안에 변수 이름을 쓰고 사용할 때는 this. 변수 이름으로 사용한다 2.refs 주로 자식 함수를 호출하기 위해 사용했다 사용법 this.$refs. 태그에 지정한 ref값. 지정 컴포넌트 안에 함수 3.emit 자식 -> 부모 1. 자식 this.$emit('명칭', '전달할 변수') 2. 부모 v-on:명칭="호출할 함수" 아주 쉽게 컴포넌트 통신을 할 수 있다

새프로젝트를 하면서 vue를 공부중이며 새롭게 알게된 사실을 적고 있다 다만 그때그때 마다 글을 쓰니 나중에 보고 좀 난잡하다 라는 느낌이 강하고 필요없는 헛소리도 많이 써져있는거 같다 그래서 새롭게 알게된 사실을 한번더 적으려고 한다 물론 2점대 글을 굳이 써야하나.. 생각이든다 그냥 처음부터 3점대로 만들걸 후회가된다

https://cordingmonster.tistory.com/204 Springboot WebSocket 배달방만들기 (1) 이제 배달원의 좌표를 줘야 하는데 어떻게 해야 하나 생각하다 결국 이것도 채팅방처럼 배달끼리 묶어서 방을 파면되는 거 아니야? 라는 결론에 도달했다 그래서 방을 만드는 원리를 찾아보았 cordingmonster.tistory.com 자 이제 이전 글의 버그를 해결해보자 1. 현재 로직 어플싱행->채팅방 입장 2. 보편적인 채팅방 로직 어플 실행-> 채팅방 리스트-> 채팅방 입장 중간과정이 빠져있었다 그래서 추가해줬다 배달 가능 방들을 추려서 온다 -채팅방 리스트 같은 페이지이다 이제 버튼을 눌러서 입장하면 된다 handleTextMessage 입장 배달 방 번호를 꺼내서 그 방에..

이제 배달원의 좌표를 줘야 하는데 어떻게 해야 하나 생각하다 결국 이것도 채팅방처럼 배달끼리 묶어서 방을 파면되는 거 아니야? 라는 결론에 도달했다 그래서 방을 만드는 원리를 찾아보았다 https://myhappyman.tistory.com/103?category=873296 SpringBoot - 스프링부트에서 채팅프로그램(소켓통신) 만들기-4(채팅방 만들기2) 1장부터 확인해보실분들은 아래 url을 확인해주세요. https://myhappyman.tistory.com/100 SpringBoot - 스프링부트에서 채팅프로그램(소켓통신) 만들기-1 이번엔 소켓통신을 통하여 채팅프로그램을 스프링부 myhappyman.tistory.com 1. 배달요청 처리(사장님) 배달요청(손님)->물건 픽업 완료 클릭-..

맨날 iptime 포트 포워딩을 하기엔 귀찮고 ec2를 사용하기엔..금액이 부담되고... 그래서 뭐 없을까 하다가 https://www.youtube.com/watch?v=WJtetccrv3o 이영상을 보고 했다! 진짜 너무 쉽게 무려 https로 내 사이트가 열린다 다만 백엔드 서버가 문제인데.. 한번 살펴봐야할거같다 주의할점 설정 화면에서 빌드 명령어/폴더 vue 양식에 맞게 잘 입력해준다 https://gallant-benz-fd2940.netlify.app/ blog_jangbogo_front gallant-benz-fd2940.netlify.app 요 못생긴 ㅋㅋ 도메인을 받았다 물론 바꿀 수도 있는데! (돈 줘야 함) 그냥 쓰자! 막상 글을 썼는데 진짜 너무 쉬워서 더 쓸 글이 없다.. 백엔드..