[리액트] 커프재그 쇼핑몰 와이어프레임 및 목표 설정

- 기간:  4/12~4/22 자정

- 팀원 구성: 스프링 3명 + 리액트 나 포함 2명

- 프로젝트명: 커프재그 ( 커피 + 지그재그 )

- 목적: 커피를 좋아하는 사람들을 위해 커피캡슐에 대한 리뷰들을 모아서 보여주고, 구매로 바로 연계하고자 함

- 목표 기능: 

• 커피 캡슐 POST CRUD
• 리뷰 CRD
• 장바구니 CRUD
• 로그인/회원가입 JWT 토큰 이용

- 1주차 목표: 

• 스프링: 네스프레소 사이트 크롤링, 로그인/회원가입, 리뷰 CR 
• 리액트: 메인/상세/로그인/회원가입 View 만들기, 로그인/회원가입 기능 연결

- 와이어프레임

 

 

- API 설계 

• Main화면

//GET방식
// /api/products

{
"ok": true,
"results": [{
			"coffe_id": 1,
            "coffee_name": "디카페나토온투오소",
            "coffe_unit": "1슬리브(10캡슐)"
            "coffee_image": "url",
            "coffee_price": "8,300",
            "coffee_info": "리미티드 에디션, 에이지드 수마트라의 우디 향, 선사합니다.",
            "coffee_brand": "Nespresso"
			}]
}

 

• Login/Signup

//Sign up
//POST 방식
/user/signup

{
"username": "something",
"password": "something",
"email": "something@test.com"
}

//Login
//POST 방식
/user/login

request
{
"username": "something",
"password": "something"
}

 

• 리뷰페이지

//리뷰작성
// POST 방식
/api/review

request
{
"contents": "풍부한 향이 좋군요."
}

//리뷰 불러오기
//GET 방식
/api/review

request
{
"contents": "풍부한 향이 좋군요.",
"created_at": "2021-04-09"
}

 

• 장바구니

coffee 추가 (Create)	
POST	
/api/carts/products

request
{
"coffee_id": 1,
"order_cnt": 3
}

cart 테이블 정보 (Read)
GET
/api/carts

response
: token/user 1명당 1개의 cart 가짐
{
"coffee_id": 1,
"order_cnt": 3,
"user_id": "someone"
}

cart 상품 변경(Update)
PUT	
/api/carts/products	

request
{
"coffee_id": 1,
"order_cnt": 5,
}

cart 상품 삭제 (Delete)
DELETE
/api/carts/products/{id}