[23.09.22TIL] 쇼핑몰 웹개발 최종 프로젝트 S.A.(ERD, API명세, Wire Frame초기안)

목표 순공 시간 : 6h 00m
오늘 총 순공 시간 : 8h 37m

김성우 (9월 22일 금)
1차공부, 12:00-14:00 (120m)
점심 식사, 14:00- 14:30
2차공부, 14:35-18:32 (238m)
휴식 및 식사, 18:32-19:28
3차공부, 19:28-20:30 (62m)
20:30 - 23:30운동
보충 공부, 00.13-01:50 (97m)
총 공부 시간 : 8h 37m

AI 웹개발 과정 찐 최종 프로젝트를 오늘부터 시작하고자 합니다 ! 

프론트엔드 기본기, 백엔드 기본기를 모두다 배웠고 
배운 것들을 활용해서, "쇼핑몰" 이라는 주제로

너무 무겁지 않게 프로젝트 기획 & 설계를 진행해서 

5주간 알차게 공부해보겠습니다 !
 

이 프로젝트는 "혼자서" 진행하는 프로젝트로
오로지 "학습"을 목표로 진행하고자 합니다. 

팀을 꾸려서 프로젝트를 진행해도 되지만,
저는 웹개발로 취직할 마음이 없고 

기획, 설계, 디자인, 프론트엔드, 백엔드
모든 역할과 기능을 경험해보고 배우기 위해
혼자 프로젝트를 하고 있음을 안내드립니다.

 
먼저 오늘 초기 S.A 및 백엔드 API를 진행하였습니다. 

 

쇼핑몰 사이트를 뒤적뒤적 ...거리며 봐둔 것들이 많은데 
간편하고 좋은 UI 들이 너무 많아서
잘 생각해보고, 기술적으로 의사 결정을 하도록 하겠습니다.
 

S.A 노션 주소 : https://www.notion.so/WooSinSa-Starting-Assignments-b3b640c6597b4415a57810e5d59b1ea5?pvs=4

김성우의 웹개발 최종 프로젝트

• 프로젝트 준비 기간 : 2023.09.22(금) - 2023.10.26(목)
• 우신사1.0.0 배포 : 10월 27일 금요일
• 우신사1.0.0 피드백 기간 : 10월 27일(금) ~ 10월 31일(화)

<aside> 📝 S.A (Starting Assignments)
</aside>

Technical Stack

FrontEnd

HTML, CSS, JavaScript

BackEnd

Python Django

학습 방향

1. DRF & 백엔드 필수 기능들을 우선적으로 학습(models, admin, forms, urls, views, serializers 이해 및 활용도 올리기)
2. HTML,CSS,JS 프론트엔드 기본 문법 및 기본CRUD 기본적으로 마무리가 되면
3. 프론트엔드에서 백엔드 API를 들고와서, 전체적인 프레임을 짜고
4. 기본적인 필수 기능들을 먼저 처리한 다음에

POST 해야할 API 정보

• 상품 게시글, 상품 문의글, 상품 문의글에 대한 답변
• 배송지 주소, 장바구니, 배송 조회 상태 가져오기
• 상품 판매자에 대한 프로필
• 구매 후기 및 리뷰

1. 쇼핑몰 운영에 필요한 추가 기능들을 추후에 처리한다.

• 휴대폰 인증 → 본인 인증을 통한 : 휴대폰 번호 및 username을 받아오는 기능
• SNS 소셜 로그인 기능
• 비밀번호 재설정 → 본인 인증 → 비밀번호 랜덤화 → 이메일 or 카카오톡 플친으로 전송 → JWT 로그인
• EVENT 및 할인기능 → 유저들에게 문자 보내기
• 구매 이후, 배송 관련 조회 기능에 대해서 → 카카오톡 플러스친구로 알림을 보낼 수 있는지 ??
• 재고 ERP에 대한 공부
• 백오피스에 대한 공부
• 신상품 출시 예정 - 메인 페이지에 소개

 

Rule

1. 회고 및 회의(주변 동료들과 튜터님들에게 조언을 구하기)
   • S.A를 보면서 설계 및 기능 구현에 대해 재점검
   • 필수 기능 → 추가 기능, 우선 순위를 생각하고 다른 길로 새지 말것.
2. 프로젝트 일정 관리 꼭! 지킬 것를 참고해서 프로젝트 관리하기.
3. 구글 스프레드 시트
4. 혼자 하는 프로젝트 이지만, 다른 사람들이 알아볼 수 있는 코드를 작성하기!
   1. 주석은 진짜 필요한 것만 최대한 줄여서 적절하게 달기.
   2. 기능과 역할, 최적화를 따지고 파일들을 나누기.
5. 개발 계획
   • 1주차: S.A 작성 및 점검 / ERD 수정 및 점검 / WIRE FRAME 수정 및 점검 / 백엔드 API에 대한 기술적 결정 후 기본 CRUD 끝내기 / 필수기능들을 프론트와 백엔드를 연결하기
   • 2주차 : 백엔드 필수 기능 마무리 후, 재점검(ERD, API) / 예외 처리
   • 3주차 :
   • 4주차 : 배포 후 서비스 점검, 예외 처리
   • 5주차 :

 

프로젝트 설계

회원(유저) 모델 및 기능 → 게시글 및 상품 모델 및 기능 → 결제 및 장바구니
→ 사용자 인증, 비밀번호 재설정, 소셜 로그인 → 배포 → 피드백 후 변경

프론트 & 백엔드 연결은, 모듈 단위로 그때그때 바로바로 합니다

 

초기 와이어 프레임 (변경 예정) : 링크

백엔드 API 에 대한 ERD : 링크 

백엔드 API 명세 [초기단계, 미완]

모듈 및 기능 단위로 , 백엔드 & 프론트엔드 연결을 끝내고 난 다음에
그 다음 모듈 및 기능을 시작할 때 추가할 예정입니다. 
현재 : 유저 , 상품 모델에 대한 작업중입니다. 
다음은 결제 및 배송지 관련 작업입니다. 
 

전체적인 계획.. 그래도 매일 우선순위를 정해서 진행할 것이라. 조금 다를 수 있음

 
계획 및 기획의 큰 틀은, 6~7월쯤 해둔 것인데 
아직은 초기단계라 손댈 것들이 많네요 ..
튜터님들과 동기들의 도움이 있었다는 걸 미리 안내드립니다 ! 

필수 기능 순서대로 , 
프론트 <-> 백엔드 연결하며 
하루하루 성취감을 느껴보려고 합니다. 
하나하나 하다보면, 필수 기능들이 끝날 것이고
추가 기능을 더 하고 싶어서 안달날 때가 오겠죠 ?
매일매일 목표를 정하고, 해내려고 노력하겠습니다 !
긴글 읽어주셔서 감사합니다 !