Skip to content

feat: 기록 생성 및 상세 수정 삭제 기능 구현 - #4

Open
dahliare wants to merge 3 commits into
developfrom
feature/records
Open

feat: 기록 생성 및 상세 수정 삭제 기능 구현#4
dahliare wants to merge 3 commits into
developfrom
feature/records

Conversation

@dahliare

@dahliare dahliare commented Aug 1, 2026

Copy link
Copy Markdown
Collaborator

📌 작업 내용

기록 작성, 상세 조회, 수정 및 삭제 기능을 구현했습니다.

✨ 주요 기능

기록 작성

  • 그림일기 형태의 기록 작성 모달 UI 구현
  • 작성 모달 확대 및 축소 기능
  • 이미지 업로드 및 미리보기 기능
  • 이미지 재선택 기능
  • 일기 내용 작성 기능
  • 날씨 6종 선택 기능(해, 구름,비, 천둥, 황사, 눈)
  • 감정 아이콘 최대 3개 선택 기능
  • 날짜 자동 표시
  • 기록 작성 후 상세 페이지로 이동

기록 상세

  • 작성 날짜 표시
  • 선택한 날씨 표시
  • 업로드한 이미지 표시
  • 일기 내용 표시
  • 선택한 감정 아이콘 표시
  • 기록 수정 및 삭제 페이지 연결

기록 수정

  • 기존 기록 내용을 수정 화면에 표시
  • 이미지 변경 및 삭제 기능
  • 날씨 변경 기능
  • 일기 내용 수정 기능
  • 감정 최대 3개 재선택 기능
  • 수정 완료 후 상세 페이지로 이동

기록 삭제

  • 삭제 확인 페이지 구현
  • 취소 및 삭제 버튼 UI 구현
  • 본인이 작성한 기록만 삭제 가능
  • 삭제된 기록은 복구할 수 없다는 안내 표시

백엔드

  • Record 모델 구현
  • 기록 생성, 상세 조회, 수정, 삭제 View 구현
  • 이미지 업로드를 위한 ImageField 적용
  • 감정 목록을 저장하는 JSONField 적용
  • 감정 최대 3개 제한 서버 검증
  • 작성자 본인만 기록을 조회·수정·삭제할 수 있도록 처리
  • 비로그인 사용자 접근 시 로그인 페이지로 이동
  • CRUD 테스트 코드 작성

🗂️ Record 데이터 구조

  • user
  • weather
  • content
  • image
  • emotions
  • place_name
  • latitude
  • longitude
  • created_at
  • updated_at

🔗 추후 연동 사항

위치 인증 여부 확인 로직 연동
장소 선택 데이터 및 Place 모델 연동
메인페이지의 기록 작성 버튼과 모달 연결
로그인 기능 병합 후 실제 로그인 URL 확인
이미지 저장소 확정 후 S3 또는 Cloudinary 연동 검토
기록 삭제 후 실제 메인 또는 기록 목록 페이지로 이동
팀 코드 병합 후 통합 테스트

⚠️ 참고 사항

메인페이지 연동 전 기록 작성 모달을 독립적으로 확인하기 위한 임시 preview 화면이 포함되어 있습니다. 메인페이지 연결 후 preview 화면과 관련 URL을 제거할 예정입니다.

📷 구현 화면

image image image image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant