슬라이드 업 메뉴 구현하기 (with React)
안녕하세요. 디스턴스의 프론트엔드 개발자 박솔미입니다.요즘 디스턴스는 9월에 있을 전남대 축제를 위해 기능 확장을 준비 하고 있습니다.🎉 그 중 채팅페이지에서도 '사진 전송 기능'을 추가하려고 합니다.기존에는 채팅페이지에서 다음과 같은 기능들을 제공했었습니다.텍스트 채팅 기능일정 횟수에 도달하면 전화 버튼 활성화 기능신고하기 기능방 나가기 기능욕설 방지 필터링 기능여기서 '사진 전송 기능'을 추가하면서 화면 UI가 다음과 같이 리디자인 되었습니다.위에 사진을 보면 오른쪽 상단에 전화버튼, 나가기 버튼이 있고왼쪽 하단에 신고하기 버튼이 있었습니다. 하지만 바뀐 디자인에서는 오른쪽 상단에 전화 버튼만 남겨두고사진 전송을 포함한 모든 기능을 + 버튼 안에 메뉴로 넣게 되었습니다. 이에 해당 화면을 슬라이..
프론트엔드
2024. 8. 9. 15:23
