Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feat] 편지 등록 임시저장 기능 추가 #137

Merged
merged 17 commits into from
Jan 28, 2025
Merged

[Feat] 편지 등록 임시저장 기능 추가 #137

merged 17 commits into from
Jan 28, 2025

Conversation

yyypearl
Copy link
Contributor

@yyypearl yyypearl commented Jan 27, 2025 •
edited
Loading

연관 이슈

close #135


개요

편지 등록 임시저장 기능 추가 및 실명 인증, 사진 추가 박스 등 UI 변경

✅ 작업 내용

  • 실명 인증 안내 페이지 라우터 변경 (/info)
  • 편지 보내기 내 실명인증 페이지 & 바텀시트 삽입
  • BottomSheet 리팩토링 (viewport 대신 sheet의 height를 props 받도록 수정해 직관적으로 코드 개선, 불필요한 코드 삭제)
  • 이름 뒤 "이/가" 조사 구분 함수 추가
  • 편지 이미지 확대 시 화면 크기에 맞게 css 수정 (PC 뷰에서)
  • 편지 보관하기 UI/UX 수정
  • DraftButton 컴포넌트로 분리
  • 실물편지 임시저장 API 연동
  • 편지 보내기 & 보관하기 반응형 작업

🖥 구현 결과

  • 구현 기능
20250128_041135.mp4
  • 반응형 영상
20250128_041407.mp4

리뷰 요구사항

  • 편지 보관/보내기에서 프로세스가 1. 이름, 2. 내용+사진으로 나뉘면서 DraftButton.tsx라는 임시저장 버튼이 페이지별로 들어가게 되었어요. 근데 임시저장 개수를 페이지를 넘어갈 때마다 호출해서 받아오다보니 이전 단계나 이후 단계로 넘어갈 때마다 0 → API로부터 받아온 N개로 리렌더링 되는 게 눈에 보이는데 이 부분을 개선할 방법이 있을까요?

📝 기타 사항

  • 편지 보관/보내기 관련 스프린트는 마쳤습니다! 혹시 오류 있거나 수정 필요한 부분 있다면 알려주세요😃

yyypearl added 15 commits January 26, 2025 19:31
@yyypearl
💄 design(#135): 실명 인증 안내 페이지 라우터 변경 및 편지 보내기 내 안내 페이지 추가
b04e501
@yyypearl
Merge branch 'develop' of https://github.com/ASAP-Lettering/Lettering…
7a714f6 
…-Front into feat/#135
@yyypearl
♻ refactor(#135): BottomSheet 컴포넌트 리팩토링 및 props 변경사항 적용
f4879ba
@yyypearl
✨ feat(#135): 이름 뒤 "이/가" 조사 구분 함수 checkKorean 추가
143f28d
@yyypearl
💄 design(#135): BottomSheet 편지 이미지 추가
a27622f
@yyypearl
💄 design(#135): 편지이미지 확대 시 뷰 크기에 맞게 수정
543f792
@yyypearl
🐛 fix(#135): textarea padding props 오류 수정
6ccb9d3
@yyypearl
💄 design(#135): ux 라이팅 수정 및 사진 추가 박스관련 UI 수정
0d4a4eb
@yyypearl
💄 design(#135): Letter 크기 수정 및 nameSize props 추가
ea1d0e8
@yyypearl
💄 design(#135): 편지 보관하기 UI 수정
bf75c5c
@yyypearl
✨ feat(#135): 편지 보내기 버튼 활성화 조건 수정
e2bfaf4
@yyypearl
♻ refactor(#135): DraftButton 컴포넌트로 분리
0255f93
@yyypearl
📁 file(#135): 폴더명 send → draft로 변경
bab2ea0
@yyypearl
✨ feat(#135): 편지 보관 임시저장 기능 추가, 페이지 분리에 따른 편지 보내기 임시저장 코드 수정
4205ea5
@yyypearl
💄 design(#135): 편지 보관 및 보내기 반응형 작업
646589c
@yyypearl yyypearl added 💄 design 사용자 UI 및 CSS 파일 추가 · 수정 ✨ feat 새로운 기능 추가 ♻️ refactor 코드 리팩토링 labels Jan 27, 2025
@yyypearl yyypearl requested a review from hyo-4 January 27, 2025 19:23
@yyypearl yyypearl self-assigned this Jan 27, 2025
@github-actions GitHub Actions
Copy link

🎉 Deploy Preview

https://lettering-3iida5x28-yyypearls-projects.vercel.app
여기에서 배포 결과 확인하기

@yyypearl yyypearl merged commit fc33078 into develop Jan 28, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@hyo-4 hyo-4 hyo-4 approved these changes

Assignees

@yyypearl yyypearl

Labels
✨ feat 새로운 기능 추가 💄 design 사용자 UI 및 CSS 파일 추가 · 수정 ♻️ refactor 코드 리팩토링
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[Feat] 편지 등록 임시저장 기능 추가
2 participants
@yyypearl @hyo-4