Giter VIP home page Giter VIP logo

spartamarket's Introduction

Sparta Market

스파르타 코딩 클럽 Django 기초 주간 개인 과제

프로젝트 소개

Django를 사용하여 스파르타 마켓의 기본적이 기능을 구현하는 것으로, 상품에 대한 CRUD, 회원 기능, 프로필 등을 직접 구현하는 것입니다.

개발 기간

  • 2024.04.12(금) ~ 2024.04.19(금)
  • ERD 특강
  • git, github 특강

개발 환경

  • OS: window, ubuntu
  • IDE: VSC
  • Language: Python
  • Github

Packages

  • python = "^3.10"
  • django = "^5.0.4"
  • django-dotenv = "^1.4.2"
  • pillow = "^10.3.0"

기술 스택

  • Django
  • SQLite3
  • bootstrap

주요 기능

  1. 필수 기능

    • 회원 기능

      • 회원 가입
      • 로그인
      • 로그아웃
    • 유저 기능(프로필 페이지)

      • 프로필 페이지에는 username, 가입일, 내가 등록한 물품들을 볼 수 있어야 한다.
      • 프로필 페이지에는 내가 찜한 물건들의 목록이 보여야 한다.
      • 각 유저의 프로필 페이지에는 팔로우(follow) 할 수 있는 기능이 있고 팔로우, 팔로워가 몇 명인지 볼수 있어야 한다.
    • 게시 기능

      • 물건 목록을 볼 수 있는 페이지, 개별 물건에 대한 디테일 페이지가 있어야 한다.
      • 물건 조회 / 등록 / 수정 / 삭제가 포함되어야 한다.
      • 각 물건은 찜하기 기능이 있다.
  2. 심화

    • 회원 기능

      • 개별 프로필 사진, 프로필 사진을 등록하지 않은 유저는 기본 프로필 사진이 등록된다.
    • 게시 기능

      • 각 물건에 찜수 / 조회수를 보이게 한다.
      • 인기도순, 최신순으로 정렬하는 기능을 추가한다, 인기도순은 찜한 횟수를 기준으로 하고 동일한 인기도라면 최신순으로 보여야 한다.

ERD

erd

화면 구성

  • 메인 페이지 main1 main2

  • 상세 페이지 detail1 detail2

  • 프로필 페이지 profile

실행영상

video

spartamarket's People

Contributors

juunsik avatar

Watchers

 avatar

spartamarket's Issues

ERD 작성하기

  • 간단하게 구현하게되는 데이터들을 모델링하고 ERD로 나타내보세요.
  • 작성하는 Tool은 무엇이든 괜찮습니다.
    • 손그림 / Figjam / etc …
    • 깔끔한 작성보다 작성하는 내용에 집중합시다.
  • 4/15(월)에 있는 ERD 특강을 듣고 작성합니다.
  • 모델도 대-충

물건을 등록한다.

  • 데이터베이스 모델추가.
    • ERD 작성한 이후에
  • 폼이랑, 뷰 구성
class PostForm(forms.ModelForm):

def create_view(request):
		form
		
  • HTML 파일 만들기
    • 작성가능한 입력창 만들고, 제출하기 버튼 만들기

물건을 찜한다.

  • ERD

  • 찜하기 버튼 만들고, 버튼 눌렀을 때 form 제출하기?

  • /posts/count-jjim URL 만들기 받아줄 views 함수 만들기

Django 프로젝트 생성하기

  • 프로젝트 명은 spartamarket 입니다.

    • 아래의 앱은 필수로 포함하며, 이외에는 자유롭게 구현해 주세요.
      • accounts - 계정 관련 기능
      • products - 상품 관련 기능
  • gitignore 설정하기

README 작성

저는 이런이런 기능 구현했고,

스크린샷도 찍어서 올리고

README.md 만들어서 github

부트스트랩으로 스타일링하기

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

프로필 페이지 만들기

  • 프로필 페이지에는 username, 가입일, 내가 등록한 물품들을 볼 수 있어야 합니다.

  • 프로필 페이지에는 내가 찜한 물건들의 목록이 보여야 합니다.

  • 각 유저의 프로필 페이지에는 팔로우 (Follow)할 수 있는 기능이 있습니다.

    • 팔로우 버튼 만들고
    • /follow/user/int:user_id
    • def user_following_view(request)
    • 유저 팔로우 모델
    • 팔로우와 팔로워가 몇 명인지 볼 수 있어야 합니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.