common.scss에 등록/업데이트해야하는 UI 목록

• logo
• table
• input
• button
• 상품 상세 정보
• 테이블 페이지 (my page & admin에 있는 table)

logo

• 로고 이미지 업데이트
• alt 텍스트 업데이트 (starbucks에서 logo)
• 컴포넌트 내부에서 사용하고 있던 style 코드 삭제, logo 관련 스타일은 common.scss에서 관리

_variables.scss에 등록/업데이트해야하는 UI 목록

• font size
• font weight
• color

기타

• 은혜님 은행 로고 드리기
• 로고, 파비콘 만들기, 적용
• 로그인, 회원가입에 사용하는 배경 이미지 만들기, 적용
• common.scss에 빠져 있던 ; 추가
• 새로운 폰트 적용
• Header, MainPage 레이아웃 변경
• SignIn 컴포넌트 스타일링

• store admin.js -> product.js 변경
• 제품 수정 routerlink를 components로 수정하기
• 제품 추가, 삭제, 수정 시 라우터 이동
• 제품 삭제 시 모달 창 (삭제 할 껀가요?)
• 제품 isSoldOut 추가

• MyPage 컴포넌트에 새 컴포넌트 PurchaseHistory 메뉴 등록해주기
• 사용자가 구매한 품목 table에 표시해주기 (상품명, 상품가격, 주문일, 구매확정, 구매취소, 구매상태)
• 구매확정, 구매취소 버튼을 클릭했을때 API 요청으로 데이터값 변경후 구매상태에 업데이트해주기

• 스켈레톤 UI width: 90rem => width: 100rem

• 스크롤 할때 부자연스럽게 넘어가는 이슈
• table pagination 만들어 적용해주기 (table에 20개까지만 데이터 표시해주고 그 이상 데이터는 다음 페이지로 넘어가도록 하기)

마이페이지 (MyPage.vue, mypage.scss)

• MyPage 컴포넌트에서 메뉴이름을 보여주기 위해 만들었던 데이터 menuList를 menu.js라는 새로운 저장소에서 관리 (bank.js에 있던 기존 menuList 데이터 삭제)
• MyPage 컴포넌트에서 불필요한 indent, empty line, code, comments 삭제
• mypage.scss에서 모달창 디자인이 가능하도록 layout에 있던 기존 style 코드 수정 (전체 너비와 높이 수정 그리고 position: relative 값 주기)

계좌 로직

• 모달창 사용을 위해 기존에 라우터로 이동하던 로직 대신에 v-if를 사용해 버튼 클릭시 다음 모달이 보여지도록 설계를 바꿈
• 라우터가 필요 없어졌으므로 기존에 views 폴더 안에 있던 컴포넌트를 components 폴더로 이동시켜주었으며 index.js에서 해당 컴포넌트들의 라우터 등록을 해지함

기타

• 내 정보 수정 UI 중앙 정렬을 위해 스타일 코드 추가

• 홈페이지에 제품 표시
• 제품 검색 기능
• 단일 제품 상세 조회
• 제품 구매시 사용 가능한 계좌 연동
• 제품 구매 신청

• npm i vuex-persistedstate
• MyAccount Mypage로 이동
• 계좌해지 api, 화면삭제 구분

• 로그인 페이지 스타일 작업
• 로그아웃 페이지 스타일 작업
• 마이페이지 스타일 추가
• 색상 변수 추가
• 사용자 정보 수정 기능 추가
• common.scss 추가
• docs: commit message 추가
• font-awsome cdn추가
• user.js try & catch문 추가

• product thumbnail 데이터 넣어주기 (이미지 표시)
• API 요청시 등록된 API 코드 사용하기 (중복된 내부 API 요청 삭제하기)
• 페이지가 스크롤될때만 header에 스타일 fix 속성 넣어주고 header 아래의 content를 보여주기 위한 용도로 사용되었던 container 삭제하기
• 제품 상세 정보 페이지, 제품 구매 페이지에서 Header 표시하기

• 회원가입 & 로그인 가드
• header 조건부 렌더링
• 공용 request
• 토큰이 유효한 유저 자동 로그인
• user.js try & catch 문 추가

• 검색 기능 추가
• 주문일 순서대로 table에 표시해주기

• 회원가입
• 로그인
• 로그아웃
• 사용자 인증
• 관리자 페이지 인증

• routerlink 새로고침시 데이터 초기화 문제
• 계좌연동시 데이터 입력부분 기능추가
• 컴포넌트이름수정 myAccount 를 MyAccount로
• publicRequest연결
• 내 계좌 컴포넌트 위치 변경

• subtitle 추가하기

• serverless 함수 에러 수정(요청에서 에러 발생시 원하는 메세지가 뜨지 않음)

배포전

• $color-header 색상 업데이트
• 스타벅스 이외의 텀블러 데이터 추가 (이미지, 타이틀, 상세설명 데이터 필요)
• 이미지 크롭해서 여백 없애기
• 콘솔로그 코드, 사용하지 않는 코드, 테스트 코드 삭제 및 파일 경로 .. 대신 ~ 사용으로 업데이트
• routes에 Index.js파일에 있는 파일 경로 .. 대신 ~ 사용으로 업데이트
• 구매내역 상품명에 썸네일 이미지 추가하기
• 구매내역 search 아이콘 추가
• logo 사이즈 변경
• container 사이즈 큰화면 작은화면용으로 나눠서 responsive하게 반응하게 만들기
• header scroll 이슈 해결

배포후

• 계좌 등록 버튼 클릭 후 계좌 등록 페이지로 넘어가게 구현 (sessionStorage 사용)
• ProductDetail.vue, RequestPurchase.vue 컴포넌트에 price 데이터에 decimal comma 추가
• 홈페이지 상품 진열부분 레이아웃 정리 (노트북화면, 큰화면 responsive design 적용)
• 새로고침시 로그아웃된 후 제품 구매 버튼을 눌렀을경우 로그인 페이지로 이동하는 기능 추가
• request purchase 컴포넌트에서 에러메세지 추가
• bank 스토어에 userAccountInfo에 이미지 추가
• 등록한 계좌목록을 카드 디자인으로 보여주는 기능 추가 (Swiper 도입 못함)
• hr 글로벌 스타일 추가
• 계좌선택시 Swiper 적용
• README.md 작성
• 목업 정리

• 은행 선택시 선택은행 backgroundcolor주기

• 계좌 세부적인 스페이싱 맞추기

• 결제계좌등록 이미지 삽입하기
• 계좌부분 전체적인 스타일 적용하기

스타일 관련

• 마이페이지 구매내역 부분 스켈레톤 UI 및 로딩 구현
• 회원가입 페이지 스타일 수정

기능 구현 관련

• 새로고침 시 myPageMenuList의 내용을 유지할 수 있는 기능 구현
• admin.vue 에서 관리하던 adminPageMenuList 데이터를 menu.js 스토어로 이동

페이지 추가

• NotFound 페이지 추가

기능구현

• AdminPage 스켈레톤 UI & 로딩 이미지 추가

스타일 관련

• 로딩 이미지 가운데 정렬

디버깅

• mypage 구매목록이 없을 경우, 스켈레톤 UI 및 로딩 동작 정지 구현
• AdminPage 렌더링 시 기본으로 렌더링 할 메뉴 선택 동작 구현

• 단일 조회 만들기
• 코드 리펙토링

• autologin 구현
• 전반적인 스타일 리펙토링
• 전반적인 코드 리펙토링
• test 계정 추가

• Router 구성