Vue.js/Spring & Vue APP 프로젝트(프론트엔드)(20)
-
21.04.28 lamplight서비스 프로젝트(구글스토어 앱 등록 완료, 회원PW 해싱화를 위한 HMAC-SHA256 도입, 상장례 1.0.1버전 업데이트 완료)
# NOTE HMAC SHA256?? HMAC -해싱과 공유키를 사용한 MAC기술 -원본 메시지가 변하면 그 해시값도 변하는 해싱의 특징을 활용하여 메시지의 변조 여부를 확인(인증)해 무결성과 기밀성을 제공하는 기술 -HMAC은 인증을 위한 Secret Key와 임의의 길이를 가진 Message를 해시 함수(알고리즘)을 사용해서 생성한다. Secret Key? -서버와 클라이언트가 함께 알고 있고, 외부로 유출되어서는 안되는 값 MAC? -Massage Authentication Code, 메시지 인증 코드 SHA-256 -임의의 길이 메시지를 256비트로 만들어내는 해시 알고리즘 -SHA-256해시 함수는 어떤 길이의 값을 입력해도 256비트의 고정된 결과값을 출력함 -일반적으로 입력값이 조금만 변동되..
2021.04.29 -
21.04.07~04.22 lamplight서비스 프로젝트(~디자인, native푸시&뱃지&전화 도입, SMS...PWA...구글스토어 앱 등록 완료(검토중))
# NOTE -리뷰작성후 리뷰리스트[ㅇ] -평점 소수점[ㅇ] -회원정보 수정시 이미지 삭제 버그 수정 및 지도사 회원가입시 스캔파일 첨부여부 체크[ㅇ] -안드로이드 에뮬에서 테스트 -안드로이드 에뮬레이터 로컬호스트 연결[ㅇ] -가입대기상태인 회원 노출되는 버그 수정[ㅇ] -뱃지[ㅇ] -의뢰인 시나리오 order -내 요청 접수/거절[ㅇ] -진행단계변경 3-4[ㅇ] -최종확인버튼 클릭시 event 데이터 완전 삭제[ㅇ] -전문가 시나리오 order -내 지역 신규요청[ㅇ] -장례종료최종확인 5[ㅇ] -의뢰직접요청[ㅇ] -의뢰수락시 지역별 event 데이터 완전 삭제[ㅇ] -의뢰거절시 지역별 event 데이터 다시 생성[ㅇ] -의뢰 취소했을 경우 지역별 event 삭제[ㅇ] -각 시나리오별 위치에 뱃지 노출..
2021.04.24 -
21.04.03~04.06 lamplight서비스 프로젝트(ionic이사 진행중-의뢰인로그인,회원가입,정보수정.....지도사리스팅....요청서crud, 리스팅 완료)
# NOTE Todo -ionic으로 일단 이사[] -의뢰인로그인,로그아웃[ㅇ] -의뢰인회원가입후 로그인아이디[ㅇ] -의뢰인마이페이지[ㅇ] -의뢰인회원정보 수정[ㅇ] -지도사 리스팅[ㅇ] -요청서 작성[ㅇ]/상세보기[ㅇ] -요청서 수정[ㅇ] -요청서 삭제[ㅇ] -컨펌창 도입[ㅇ] -요청서 작성시[ㅇ] -요청서 수정시[ㅇ] -회원가입시[ㅇ] -회원정보 수정시[ㅇ] -요청서 리스팅[ㅇ] -ionic 컨펌창 도입[ㅇ] https://forum.ionicframework.com/t/return-value-from-alert-confirmation/75824/2 -사이클 변경 의뢰인 요청서 등록 -> 해당 지역에 속한 지도사에게 푸시알림(or SMS) -> 요청서 확인 후 수락 푸시알림(or SMS)+연락처 ->..
2021.04.06 -
21.04.02 lamplight서비스 프로젝트(멤버쪼개기 완료, funeral 테이블 추가, 요청수락, 진행단계별 버튼 변경 기능 구현까지)
# NOTE Todo -의뢰인 요청 - 검토(수락) - 수락(진행) - 종료요청(최종종료)까지 1사이클 실행 -요청서에서 승인버튼 누르면 장례클래스 생성[ㅇ] -도우미 마무리 -장례클래스 생성[ㅇ] -장례클래스와 연관된 도우미 테이블 생성[ㅇ] -모든 장례리스팅[ㅇ] -도우미,전문가의 현재 진행중인 my장례 리스팅[ㅇ] -장례리스트에 도우미 현황 나오기[ㅇ] -장례에 도우미 지원[] -전문가에서 장례별 도우미 지원현황 확인 후 수락[] -도우미에서 내 지원현황 확인,취소[] # 주요 소스코드 진행단계 전체 요청서 검토중 장례준비중 장례진행중 장례종료(확인대기중) 장례종료(최종종료) 제목 내용 장례식장 검색 진행단계: {{returnToString(funeral.stepLevel)}} {{ funeral...
2021.04.02 -
21.04.01 lamplight서비스 프로젝트(ionic 기반으로 옮기기 위한 ionic exam template 진행(tailwind, fontawesome, 로그인,게시물리스팅 가능))
# NOTE PWA??? - "프로그레시브 웹 앱Progressive Web App(PWA)" - PWA는 몇 가지 기능(예를 들어 ‘설치’ 기능)을 추가하여 전통적인 웹사이트를 좀 더 강화한 것 - PWA는 운영체제(따라서 그 사용자)와 깊은 수준에서 연결하는 능력을 갖고 있다. - 이는 설치, 그리고 알림이나 주소록 접근 등의 기능을 제공하는 API를 통해 가능하다. ionic 테마사이트 https://ionicframework.com/docs/theming/themes //camelcase?? //일반적으로 객체 명명은 memberAuthKey 이런식으로 함 //이런 명명법을 camelcase라고함 //typescript에선 camelcase방식을 권장하지만 이것을 무시할 수도 있음(큰 문제는 없음..
2021.04.01 -
21.03.29 lamplight서비스 프로젝트(Member 쪼개기 작업 진행중)
lamplight서비스 프로젝트(Member 쪼개기 작업 진행중)......
2021.03.29 -
21.03.27 ionic 전역상태 세팅, 각 페이지 생성, 하단 메뉴 연결 등
# NOTE //Symbol() //'심볼(symbol)'은 유일한 식별자(unique identifier)를 만들고 싶을 때 사용합니다. //자바스크립트는 객체 프로퍼티 키로 오직 문자형과 심볼형만을 허용합니다. 숫자형, 불린형 모두 불가능하고 오직 문자형과 심볼형만 가능하죠. //Symbol()을 사용하면 심볼값을 만들 수 있습니다. //심볼을 만들 때 심볼 이름이라 불리는 설명을 붙일 수도 있습니다. //여기에서 심볼이릉은 'globalState' //심볼은 유일성이 보장되는 자료형이기 때문에, 설명이 동일한 심볼을 여러 개 만들어도 각 심볼값은 다릅니다. 심볼에 붙이는 설명(심볼 이름)은 어떤 것에도 영향을 주지 않는 이름표 역할만을 합니다. //설명 더보기 https://ko.javascript..
2021.03.27 -
21.03.25 ionic 프레임워크 초기 셋팅
ionic 프레임워크란? https://ithub.tistory.com/70
2021.03.25 -
21.03.24 lamplight서비스 프로젝트(평점 추가, 출력 구현, 리뷰 삭제 기능 구현, directorProfilePage 추가, orderListPage에서 진행단계별 필터링 기능 구현)
# NOTE -리뷰[...] -작성, 리스팅까진 성공[ㅇ] -리스팅시 갯수제한..진행중[] -평점[ㅇ] typescript 기초 https://www.tutorialsteacher.com/typescript/typescript-number vue 템플릿 모음 https://vuejsexamples.com/tag/rating/ # 주요 소스코드 후기/평점 작성 페이지 평점 1점 2점 3점 4점 5점 후기 작성 로그인 후 이용해주세요. 진행단계 전체 요청서 검토중 장례준비중 장례진행중 장례종료(결제대기중) 결제완료 제목 내용 장례식장 검색 진행단계: {{returnToString(order.stepLevel)}} {{ order.title }} 담당자회원번호: {{order.directorId}} 의뢰인: ..
2021.03.24 -
21.03.22 lamplight서비스 프로젝트(리뷰작성, 지도사별 리뷰리스팅까지 DB연계 완료)
# NOTE -리뷰[...] -작성, 리스팅까진 성공 -리스팅시 갯수제한..진행중 -별점 -옵션방식 변경 -옵션명__수량__ - template를 활용하면 v-for문 내 v-for문 즉, 이중v-for문 사용이 가능해진다. - 또한, vue3.0부터는 동일 태그내에 v-for랑 v-if를 사용할 수 없는 것 같다.(권장하는 방법이 아닌듯..) - template를 통해 v-for를 분리해주면 v-for와 v-if를 동시에 사용가능해진다. # 주요소스코드 후기/평점 작성 페이지 로그인 후 이용해주세요.
2021.03.22