design : `이달의 아트` 사진등록, 편집 가능한 모달창 퍼블리싱

🔥 Issues

sub-issues:

NAILCASE-415

🎯 작업 내용

[AOM모달이 켜지는 시점]

🎨 이달의 아트 등록 , 편집하기 버튼에 모달open함수추가

등록된 AOM이 있을경우 => "편집하기" 버튼 클릭시 모달창 mount 등록된 AOM이 없을경우 => 이달의 아트 등록 버튼 클릭시 모달창 mount

[AOM 등록하기 전에 봐야할 가이드]

🎨 AOM 등록 전 보여질 등록 가이드 RegisterGuide 생성

저희 설계상 판매자가 잘못된 형식의 사진을 올려도 막을방법이 없습니다 현재.. 그래서 모달에서 한번에 모든 정보를 보여주기보다 등록 가이드 를 확인한 후에 등록가능하도록 설계햇습니다. 다음 버튼을 눌러서 가이드를 확인후 등록 가능하도록 만들었습니다.

[AOM 등록 & 편집]

🎨 AOM 사진 편집할수 있는 EditAOM 추가

사진 등록 : 카메라 아이콘 클릭시 사진등록 가능 사진 삭제 : 각 이미지의 x아이콘 클릭시 한장씩 삭제

[그 외 작업]

[함수 추상화 pr review반영]

⚡️ 이전pr리뷰 반영사항 적용(함수 추상화) & mock 데이터 타입추가

@TransparentDeveloper 의견대로 함수를 변경해봤습니다. 의견주신 코드대로라면 common > util 에 적합한 코드 같아서 우선은 모달에서 사용하기 적합한 함수명으로 작성해봤습니다. 후에 사용자 페이지에서도 재사용이 많이된다면 함수명을 수정해서 common으로 옮겨도 좋을것 같다고 판단했습니다.

[결과물]

https://github.com/user-attachments/assets/00b8d4a6-597d-4871-a3a0-ff5515857231 ### Case : 등록된 사진이 10장

### Case : 등록된 사진이 5장 미만

### Case : 동록된 사진 X

✅ 체크 리스트

[x] Main 브랜치 Pull 받기
[x] Issue 번호 설정 확인
[x] Label 확인
[x] Assignees 설정 확인
[x] Reviewers 설정 확인

🙏 꼭 리뷰 남겨주세요.!!

아래 양식에 맞게 리뷰 부탁드립니다..!!
수정을 요구하는 게 아니라면, "Description" 을 꼭 남기지 않아도 좋습니다. 👍

# Request Level

<!--
  - [x] "🚨 꼭 수정해주세요.!"
-->

<!--
  - [x] "🚧 재고해주시길.."
-->

<!--
  - [x] "✅ LGTM"
-->

# Description

mobi-projects / nail-case-client

design : `이달의 아트` 사진등록, 편집 가능한 모달창 퍼블리싱 #214

🔥 Issues

🎯 작업 내용

[AOM모달이 켜지는 시점]

[AOM 등록하기 전에 봐야할 가이드]

[AOM 등록 & 편집]

[그 외 작업]

[함수 추상화 pr review반영]

[결과물]

✅ 체크 리스트

🙏 꼭 리뷰 남겨주세요.!!