로그인페이지 레이아웃 구현
input
의 onChange
이벤트를 이용해 값을 저장하는 기능 구현
유효성검사를 통해 이메일 형식의 아이디와 특수문자를 포함한 8자 이상의 비밀번호를 입력했을 시 로그인이 가능하도록 기능구현하고 버튼의 활성화 이벤트를 구현
토큰을 받아왔을 때, alert
을 이용해 '로그인이 되었습니다' 라는 창을 띄우는 이벤트 구현
버튼의 onClick 이벤트를 이용해 회원가입 페이지로 이동할 수 있도록 이벤트 구현
회원가입 페이지 레이아웃 구현
input
의 onChange
이벤트를 이용해 값을 저장하는 기능 구현(로그인과 동일)
필수항목 입력시에만 회원가입을 진행할 수 있도록 유효성검사(아이디 : 이메일형식 / 비밀번호 : 영문 특수문자 포함 8자 이상 / 남,여 성별 / 이메일 / 이름 / 비밀번호 및 비밀번호 확인 / 생년월일 입력) 기능 구현
input
태그가 아닌 select
를 이용한 사용자가 입력 사항을 입력할 수 있도록 페이지 구성
회원가입 완료 후 로그인 페이지로 이동하는 이벤트를 구현하고 alert
를 이용해 '회원가입이 완료되었습니다' 창을 띄울수 있도록 구성
장바구니 페이지 레이아웃 구현
각각의 빈 장바구니와 상품을 담는 장바구니의 컴포넌트화 진행
조건부 렌더링을 통해 장바구니에 상품이 담기지 않았을 시 비어있는 화면을, 상품이 담겼을 때는 상품을 담는 페이지를 구성
POST/users/signup (회원가입)
POST/users/signin (로그인)
POST/orders/cart (장바구니 생성)
GET/orders/cart (장바구니 조회)
PATCH/orders/cart (장바구니 수정)
DEL/orders/cart (장바구니 삭제)
POST/postings (후기 등록)
POST/postings/comments (댓글 등록)
POST/postings/<int:comment_id> (댓글 삭제)
POST/products/menus (메뉴 항목 추가)
GET/products/menus (메뉴 항목 리스트 조회)
POST/products/categories (카테고리 항목 추가)
GET/products/<str:menus>/<str:menu_name> (특정 메뉴별 카테고리 항목 리스트 조회)
POST/products (상품 등록)
GET/products/<str:menu_name>/<str:category_name> (특정 메뉴-카테고리별 상품 리스트 조회)
GET/products/<int:product_id> (특정 상품에 대한 상세페이지)
팀원들과 추가 리펙토링 후 업데이트 예정,,
백엔드 기술적인 사항들은 정리하여 포스팅!