[Project] Lush TeamProject 🚀

Inah-_-·2021년 3월 27일

Projects

목록 보기

1/2

Lush Project

클론 프로젝트는 순수 개발시간의 비중을 높이기 위해 이미 서비스 중인 사이트의
기획이나 디자인을 클론하여 진행하는 것이다. 이번에 진행한 프로젝트는
Clone Colding 프로젝트로, 물론 로직이나 구현방법은 직접 코딩한다.
대상 사이트는 바로 내가 좋아하는 러쉬!

Project 기간

2021.3.15 ~ 2021.3.26

Team Klush 🚀

Front 3명 + Back 3명

Project Architecture 🚀

AQueryTool로 모델링

모델링을 처음 구현할 때에 팀원들과 많은 시간을 할애했다.
분명 StarBucks 모델링을 해봤음에도 불구하고
그당시 어려워했던 그 모델링은 아무것도 아니였구나 싶었다.
왜냐하면 order와 product의 중간테이블인 orderproduct 즉 '장바구니'의 ForeignKey와 M2M의 관계가 너무나도 헷갈렸다.

원래 처음 프로젝트를 시작할 때 모델링에 제일 많은 시간이
쓰여진다고 들었는데 그게 정말 맞는 말이였다.

프로젝트 기간 3일이 지났을 때에도 모델링이 헷갈려
제대로 된 로직을 구현하지 못했었다.

또, 중간중간 많은 부분을 수정하였다.
table의 명이라던가, table의 상태, 필요 부분을 생각하며
다시 수정한 최종 결과물로 로직을 구현하기 까지 거진 1주일이 걸렸다.

MySQL

우리팀은 데이터를 넣을 때 csv파일을 python으로 DB에 넣어주는 방식을 택했다.
이 부분은 내가 맡았는데 너무나 재밌는 것 ㅠㅠㅠ😆
Products의 table data가 들어온 걸 봤을 때의 쾌감이란...👍

import os
import django
import csv
import sys

os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'klush.settings')
django.setup()

from product.models import (
	Menu,
    	Category,
        SubCategory,
        Product,
        Image,
        Label,
        ProductLabel
        )

with open(CSV_PATH_PRODUCTS) as in_file:
    data_reader = csv.reader(in_file)
    next(data_reader, None)
    for row in data_reader:
        product = Product.objects.create(
            sub_category = SubCategory.objects.get(name=row[2]),
            name         = row[3],
            is_new       = int(row[4]),
            is_vegan     = int(row[5]),
            is_soldout   = int(row[6]),
            price        = float(row[7]),
            weight       = float(row[8])
        )
with open(CSV_PATH_PRODUCTS) as in_file:
    data_reader = csv.reader(in_file)
    next(data_reader, None)
    for row in data_reader:
        Image.objects.create(image_url = row[9][1:-1], product = Product.objects.get(name=row[3]))

처음에 좀 헤매고 이해가 안돼서 좀 느려지는 탓에 자책했었지만 그럴 때마다
우리 백둥이 지영님🧚과 수빈님🧚이 계속 격려해주고, 우리팀 정말 잘 하고 있다고
서로서로 말해주어서 엄청난 위로를 받았다.

Django

Python

Bcrypt & JWT

Git & Github

AWS EC2 RDS

기능 구현 💻

공통 사항

ERD Modeling

User EndPoint

SignUp
SignIn
bcrypt
Jwt

Product EndPoint

Product List
Product Detail
Product List filtering

Order EndPoint

Cart Create
Cart List

기록하고 싶었던 코드

# product.models
class Product(models.Model):
    name           = models.CharField( max_length=50)
    price          = models.DecimalField(max_digits=10, decimal_places=2)
    weight         = models.DecimalField(max_digits=5, decimal_places=2) 
    detail         = models.TextField()
    is_vegan       = models.BooleanField(default=False)
    is_new         = models.BooleanField(default=False)  
    is_soldout     = models.BooleanField(default=False)  
    sub_category   = models.ForeignKey('SubCategory', on_delete=models.CASCADE)
    label          = models.ManyToManyField('Label', through='ProductLabel')

    class Meta:
        db_table = "products"

class Image(models.Model):
    image_url = models.CharField(max_length=1000)
    product   = models.ForeignKey('Product', on_delete=models.CASCADE)

class Label(models.Model):
    name    = models.CharField(max_length=50)
    
    class Meta:
        db_table ='labels'

class ProductLabel(models.Model):
    product = models.ForeignKey('Product', on_delete=models.CASCADE)
    label   = models.ForeignKey('Label', on_delete=models.CASCADE)

    class Meta:
        db_table='products_labels'

# Views
class ProductListView(View):
    def get(self, request):
        products = Product.objects.all()
            
        product_list = [{
            'product_id'    : product.id,
            'sub_category'  : product.sub_category.name,
            'name'          : product.name,
            'image_url'     : [image.image_url for image in product.image_set.all()],
            'price'         : product.price,
            'is_vegan'      : product.is_vegan,
            'is_new'        : product.is_new,
            'is_soldout'    : product.is_soldout,
            'product_label' : [label.label.name for label in product.productlabel_set.all()],
        } for product in products]
        return JsonResponse({'product_list_data': product_list}, status=200)

제대로 처음 구현해봤던 List Comprehension과
어렵기만 했던 '역참조'.. 사실상 내가 제일 헤맸던 구간... 😞
역참조를 이해하려고 shell을 엄청나게 괴롭혔었다.
사실 지금도 설명해보라고 하면 조금 어버버대고
100% 이해한다고 장담 못한다.
하지만 2차 프로젝트 때에도 shell을 괴롭힐 예정이고,
결국 계속 하다보면 이해가 된다!
안되는 건 없다 안하는 것뿐

협업과 사용한 Tools 🛠

매일 아침 11시에 Front와 Back 팀원들이 모여 Standup Meeting을 하였다.
서로가 맡은 구현 기능의 진행 상황을 의논하고, 맡은 기능의 앱에 따라 front와 back의
통신을 맞춰보기도 하였다. 처음 계획할 때엔 order, review등 하고싶은 기능이 많았지만,
팀원 모두와 의논한 결과 이번 프로젝트는 front와 back의 협업을 배우는 과정이라고 생각하여
하나의 기능이라도 완벽히 구현하고, 남은 프로젝트 기간에는 서버(AWS)에 배포 후
최종적으로 맞춰보는 시간을 갖는 걸로 하였다.