Skip to content

[UI] 개별 스터디방의 개별 문제 페이지 UI 구현 (#17)#26

Merged
seoyeon-jung merged 10 commits intodevelopfrom
ui/#17
Oct 4, 2023
Merged

[UI] 개별 스터디방의 개별 문제 페이지 UI 구현 (#17)#26
seoyeon-jung merged 10 commits intodevelopfrom
ui/#17

Conversation

@seoyeon-jung
Copy link
Contributor

PR 타입

UI 구현

반영 브랜치

ui/#17 => develop

closed #17

변경 사항

localhost_3000_study__studyroonid_worklistid

  • 스터디방 > 문제 제목 (스터디방 클릭 시 해당 스터디방 메인 페이지로 이동합니다)
  • 나의 문제집에 추가 버튼
    • 추가하기 버튼 클릭 시 다른 모달로 콘텐츠 변경 (추가하였습니다를 안내)
    • '완료' 후 모달이 완전히 닫힙니다
  • 공유하기 버튼
    • 공유하기를 위해 react-copy-to-clipboard 라이브러리를 설치했습니다
  • 문제
  • 답안
    • 답안을 작성할 수 있도록 textarea 구현
    • 등록 버튼 구현 (링크는 answer 페이지 UI 구현 후 추가할 예정)
  • 추천 스터디방
    • 추천 기능 구현 전이라 임시로 RecommendItem을 6번 렌더링했습니다
    • '가입하기' 버튼 클릭 시 공개/비공개 에 따라 달라지는 것은 기능 구현 시 함께 구현할 예정입니다

- 추천 기능 개발 전이라 임시로 6개가 나오도록 구현했습니다
- url 복사를 위해 설치
- 라이브러리를 사용하여 URL 복사 기능을 추가했습니다
- 복사하기 버튼 클릭 시 alert창이 나오고, 이후 모달창이 닫힙니다
- UI 수정했습니다
- 비공개/공개 여부는 기능 추가 시 구현할 예정입니다
- 스터디방 제목 hover 시 style 변화를 추가했씁니다
- 제목 클릭 시 해당 스터디방으로 이동하는 링크를 추가했습니다
@seoyeon-jung seoyeon-jung added the UI label Oct 4, 2023
@seoyeon-jung seoyeon-jung self-assigned this Oct 4, 2023
@seoyeon-jung seoyeon-jung merged commit 5b85010 into develop Oct 4, 2023
@seoyeon-jung seoyeon-jung deleted the ui/#17 branch October 4, 2023 14:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

스터디방의 문제 학습

1 participant