GETTT(https://www.gettt.com/)는 패션, 생활용품, 가구 등을 판매하고 장, 단기 렌탈 서비스를 제공하는 비즈니스입니다. BAGETTT라는 프로젝트명으로 전국의 유명한 베이커리의 빵을 담은 패키지를 구성하여 주 1회 정기배송하는 빵구독 서비스로 기획하였습니다.
개발 기간 : 2021/11/29 - 2021/12/10 프론트엔드 : 강인웅, 김재호, 원소연 백엔드 : 김은혜, 이재문
- Crypt를 이용한 암호화
- 정규표현식을 이용한 이메일, 패스워드 유효성 검사
- 로그인 시 jwt 토큰 발급
- 삼항연산자를 사용해 로그인페이지에서 링크이동없이 비회원주문조회 페이지 생성
- usestate를 이용한 각 input에대한 vaule 값 얻기
- 제품리스트 컴포넌트화 하여 나열
- 리스트 페이지 필터링 기능 구현
- 브랜드별 정렬, 가격순 정렬 , 중복정렬
- 정렬 항목들을 쿼리 형식으로 만들어 백엔드와 통신
- 초기화 시 모든 정렬 항목 체크 해제 및 기본 정렬
- 제품 소개 페이지를 컴포넌트화 하여 빵 패키지 마다 다른 소개
- 상품 설명 tap 기능 구현
- 선택 요일 옵션, 구매 수량, Total Price
- 상품 정보 데이터바인딩 GET 요청
- 구독하기 버튼 클릭 시 POST 요청, 장바구니 담기, 모달창 구현
- 제품 수량 증감, 삭제시 백엔드에 실시간 POST, DELETE하며 통신
- 전체 체크박스, 부분체크 박스를 만들어 품목들 핸들링
- 체크된 항목 개별,부분,전체 (삭제/결제) 기능 구현
- 체크된 항목 Total Price 계산
- 결제 시 useNavigate 훅과 useLoaction 훅을 이용해 통신 결과값 전달
- 주문 완료된 제품 및 배송정보 출력
- useLocation 훅을 이용해 주문 정보 데이터값 표현
- (장바구니와 완료 제품 사이의 ACID 수행을 위한 transaction 사용)
React SASS Prettier ESlint
Python Django frame work
Notion Trello Slack Git, Github
- GitHub
- Notion
- Trello
- Slack