Skip to content

[UI] 스터디방 만들기 페이지 UI 구현 (#19)#29

Merged
seoyeon-jung merged 8 commits intodevelopfrom
ui/#19
Oct 10, 2023
Merged

[UI] 스터디방 만들기 페이지 UI 구현 (#19)#29
seoyeon-jung merged 8 commits intodevelopfrom
ui/#19

Conversation

@seoyeon-jung
Copy link
Contributor

PR 타입

UI 구현

반영 브랜치

ui/#19 => develop

closed #19

변경 사항

localhost_3000_studymake

  • 그룹명
    • 중복 확인 버튼 클릭 시 중복되면 경고 문구 작성 (현재는 기능 구현 X)
  • 카테고리
    • selectBox로 프론트엔드/백엔드 선택 가능
  • 인원수
    • selectBox로 1~50명 인원 선택 가능
  • 코드 (선택사항)
    • 유효성 검사를 통해 4자리의 숫자만 가능하도록 기능 추가
    • 비밀번호 형식으로 보이지 않도록 type 지정
  • 소개글 (선택사항)
    • 10,000자 제한 (유효성 검사 추가)
    • 실시간으로 글자 수 반영되도록 아래 글자수 안내 추가
  • 방 만들기 버튼
    • 버튼 클릭 시 완료되었다는 모달창 구현

- 그룹 카테고리 selectbox를 생성했습니다
- 인원수 selectbox를 생성했습니다
- padding을 5px로 변경
- z-index 추가로 맨 위에 selectbot가 오도록 변경
- 중복 확인 버튼 클릭시의 안내 문구를 추가했습니다
- 비밀코드 입력 시 유효성 검사(4개의 숫자)를 추가했습니다
- 비밀코드 유효성 검사 실패 시 안내 문구를 추가했습니다
- 글자수 제한 코드를 추가했습니다
- 실시간으로 글자수 반영하는 코드를 추가했습니다
@seoyeon-jung seoyeon-jung self-assigned this Oct 10, 2023
@seoyeon-jung seoyeon-jung merged commit 9fda275 into develop Oct 10, 2023
@seoyeon-jung seoyeon-jung deleted the ui/#19 branch October 10, 2023 07:19
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