위코드 부트캠프 11기 브랜디 기업협업 과제로 진행한 BRANDI 웹사이트 클론 입니다.
- 2020/09/14 ~ 2020/10/15
패션 커머스 기업 브랜디 웹사이트를 클론함으로써 모델링과 회원가입, 소셜 로그인, 상품 구매와 같은 핵심 기능을 구현하고, 각자의 개발 역량을 기르고자 한다.
- Python, Flask web framework
- Bcrypt
- JWT
- MySQL
- AWS EC2, RDS
- Bcrypt를 활용한 비밀번호 암호화
- JWT를 활용한 엑세스 토큰 발행
- 회원가입시 정규식을 사용한 회원정보 유효성 검사
- 회원당 최대 5개 까지의 배송지 정보를 가질 수 있게 구현, 처음 등록한 배송지는 기본배송지로 설정됨
- 클라이언트로 부터 엑세스 토큰을 받고 디코딩하여 로그인 확인후 상품 구매 진행
- 마이페이지에서 회원이 구매한 상품의 데이터를 DB에서 가져와 보여주고, 주문상태에 따라서 주문 취소 및 환불 할 수 있게 구현
- Q&A 작성
- HTML, CSS
- JS
- Vue(Vue router, Vue Webpack, Vuex)
- SASS
- Vuetify
- JWT와 cookies를 이용하여 로그인 기능 구현
- 구글 토큰 발행을 활용하여 소셜로그인 및 회원가입 구현
- v-if를 활용하여 구글소셜회원가입 / 기본회원가입을 한페이지 내에서 구현
- 마이페이지 상품조회에서 데이터베이스에 저장된 상태값에 따라 환불, 취소 기능 구현
- API 통신을 통해 해당 계정이 작성한 Q&A 게시글 불러오기
- API 통신을 통해 해당 계정이 받은 쿠폰 불러오기
- media query를 이용하여 모바일 페이지 반응형 레이아웃 구현