SOPT33-SOPKATHON/Client

Client

Cong

축하의 순간, 사라지지 않게 콩!

✨ (서비스) 주요 기능

✔️ 용어 정리

용어	정의
호스트	이벤트를 개설하는 사람을 의미합니다.
방문자	타인의 방에 들어가서 축하메모를 남기는 사람을 의미합니다.
이벤트	(내부 용어 : 방) 타인으로부터 축하메모를 받고 싶은 기념일, 행사 등을 의미합니다.
축하메모	방문자가 호스트에게 작성한 축하 메세지를 의미합니다.

1️⃣ 메인 뷰

내가 받은 편지를 볼 수 있어요!
편지리스트 GET

2️⃣ 이벤트(방) 생성 뷰

방(이벤트)을 만드는 페이지입니다.
방 생성 POST

3️⃣ 편지 작성/커스텀 뷰

방문자가 축하 메세지를 적을 수 있는 페이지입니다.
편지 작성 POST

4️⃣ 로그인 뷰

호스트가 로그인을 할 수 있는 페이지입니다
로그인 POST

👥 Team

ljh0608	moondda	jungwoo3490
이재훈	문다현	이정우
메인 뷰, 이벤트 생성 뷰	이벤트 상세 뷰	로그인 뷰, 축하노트 작성 뷰

🛠 기술스택

역할	종류
Library
Programming Language
Styling
Formatting
Version Control
Build Tool

📄 컨벤션 및 브랜치 전략

✔️ 브랜치 유형

브랜치 유형	설명	예시
feat/기능/이니셜	새로운 기능 추가	feat/common/mdh
fix/기능/이니셜	기존 기능의 버그 수정	fix/common/mdh
hotfix	프로덕션 환경에서 긴급한 버그 수정	hotfix/common/mdh

✔️ 브랜치 운영

브랜치 운영	설명
main	완전히 안전하다고 판단되었을 때, 즉 배포가 가능한 최종 merge하는 곳
develop	배포하기 전 개발 중일 때 각자의 브랜치에서 merge하는 브랜치

✔️ 커밋 컨벤션

커밋 유형	설명
init	개발 환경 초기 세팅
feat	새로운 기능 추가 (새로운 구현)
fix	버그 수정
docs	문서 추가, 수정, 삭제
style	코드 포맷팅 (코드 순서 변경, 세미콜론 추가)
design	CSS 등 사용자 UI 디자인 변경
refactor	코드 리팩토링
chore	그 외 자잘한 수정

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
|-- 📁 assets

       |--📁Images

       |--📁svgs
|-- 📁 components

       |--📁Apage
|-- 📁 pages

            |--Apage.tsx
|-- 📁 styles

      -globalStyle.js

      -theme.js
|— 📁 utils

|— 📁 hooks

|— 📁 recoil

|— 📁 selectors

|— 📁 atom

웨비 Before and After

Before

After