Skip to content

DDrawry/ddrawry-FE

Repository files navigation

띠로리(ddrawry) : AI가 그려주는 그림 일기 서비스


IntroduceImage

👑 배포링크 : https://www.ddrawry.site/

⏰ 개발기간 : 2024년 8월 11일 ~ 2024년 12월 12일

프로젝트 소개

  • 사용자가 작성한 일기내용을 토대로 띠로리(AI)가 그림일기를 그려주는 서비스입니다.
  • 그림일기를 달력형식으로 관리해요.
  • 그림은 하루에 최대 3번 생성할 수 있어요.
  • 완성된 그림일기를 공유해서 자랑할 수 있어요.
  • 띠로리는 반응형으로 구현되어 모바일, 웹에서 모두 사용할 수 있어요.

주요기능

메인페이지

  • 그림일기를 달력 또는 목록형태로 관리함
  • 달력에서 날짜를 클릭하면 해당하는 날짜에 그림일기를 작성할 수 있음

일기 작성 페이지

  • 하루 최대 세번 그림 생성이 가능함
  • 띠로리 앨범 : 생성했던 그림 조회 및 편집 가능함
  • 작성중인 일기 임시저장 기능 : 작성중에 페이지를 벗어나려하면 임시저장 여부를 묻는 모달창이 나타남

일기 페이지

  • 완성된 일기를 조회

공유된 일기 페이지

  • 카카오톡으로 일기를 공유할 수 있음

일기 검색 페이지

  • 검색된 키워드가 일기 제목이나 내용에 포함된 일기 조회

좋아요한 일기 페이지

  • 좋아요버튼을 누른 일기를 전체 또는 목록형으로 조회

프로필 모달

  • 회원정보 변경 및 로그아웃 기능
  • 피드백 폼 제공

기술 스택

💻 FrontEnd

협업 툴



팀원

💻 FrontEnd


@woic-ej


@jjaeho0415

최은진 정재호

💻 BackEnd


@sub-blind


@KangJeongHo1


@newbission

김재섭 강정호 윤준명

📑 프로젝트 규칙

Branch Strategy

  • main / dev 브랜치 기본 생성
  • main과 dev로 직접 push 제한
  • PR 전 최소 1인 이상 승인 필수

Git Convention

  1. 적절한 커밋 접두사 작성
  2. 커밋 메시지 내용 작성
  3. 내용 뒤에 이슈 (#이슈 번호)와 같이 작성하여 이슈 연결
접두사 설명
Feat : 새로운 기능 구현
Add : 에셋 파일 추가
Fix : 버그 수정
Docs : 문서 추가 및 수정
Style : 스타일링 작업
Refactor : 코드 리팩토링 (동작 변경 없음)
Test : 테스트
Deploy : 배포
Conf : 빌드, 환경 설정
Chore : 기타 작업

Pull Request

Title

  • 제목은 '[Feat] 홈 페이지 구현'과 같이 작성합니다.

PR Type

  • FEAT: 새로운 기능 구현
  • ADD : 에셋 파일 추가
  • FIX: 버그 수정
  • DOCS: 문서 추가 및 수정
  • STYLE: 포맷팅 변경
  • REFACTOR: 코드 리팩토링
  • TEST: 테스트 관련
  • DEPLOY: 배포 관련
  • CONF: 빌드, 환경 설정
  • CHORE: 기타 작업

Description

  • 구체적인 작업 내용을 작성해주세요.
  • 이미지를 별도로 첨부하면 더 좋습니다 👍

Discussion

  • 추후 논의할 점에 대해 작성해주세요.

Code Convention

BE

  • 패키지명 전체 소문자
  • 클래스명, 인터페이스명 CamelCase
  • 클래스 이름 명사 사용
  • 상수명 SNAKE_CASE
  • Controller, Service, Dto, Repository, mapper 앞에 접미사로 통일(ex. MemberController)
  • service 계층 메서드명 create, update, find, delete로 CRUD 통일(ex. createMember)
  • Test 클래스는 접미사로 Test 사용(ex. memberFindTest)

FE

  • 함수명, 변수명, Hooks,타입정의 파일명 camelCase
  • 컴포넌트명, 페이지명, 타입명 PascalCase
  • 폴더명은 소문자로
  • 상수명 SCREAMING_SNAKE_CASE
  • 배열과 객체는 반드시 리터럴로 선언
  • Boolean 타입의 변수의 식별자는 is, has, can 의 접두사를 사용하여 선언
  • assets 폴더 내 파일 이름 camelCase
  • Event handler 사용 (ex. handle ~)
  • export방식 (ex. export default ~)
  • 화살표 함수 사용
  • 주석은 위에 사용

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages