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

Create raccoon#8 #24

Merged
merged 17 commits into from
Jul 16, 2021
Merged

Create raccoon#8 #24

merged 17 commits into from
Jul 16, 2021

Conversation

MOBUMIN
Copy link

@MOBUMIN MOBUMIN commented Feb 13, 2021 •
edited
Loading

Pull Request from #8

변경사항

  • createroom 조건부 렌더링 위해 CRUI 생성
  • CRUI에서 퀴즈면 퀴즈 레이아웃, TF면 TF레이아웃 꺼내기
  • answer 입력 칸 아이콘은 아무 아이콘이나 임시로 넣어둠
  • title 입력 칸 InputBase로 구현
  • option 선택 칸 paper로 border-radius:50%로 구현
  • answer 입력칸 icon 아무거나 넣음, paper로 구현
  • header의 z-index 조정
  • sidebar의 z-index 조정

페이지 보기

image

미구현 & 보강해야할 부분 & 도움 요청

  • 버튼이나 뭐 등등의 state 관리 ==> 너무 어렵네요 ㅠㅠㅠ
  • 버튼 클릭시 되는 이벤트( ex. modal )는 다음 PR에서 구현하도록 하겠습니다 .. !
  • 타이틀 input, option select의 state도 다다음 PR에서 구현하도록 하겠습니다.. !

@MOBUMIN
Header btn , Side bar
170a194 
* header에 들어갈 버튼 제작
* quiz 번호를 선택할 sidebar 틀 제작
* createroom에서 사용할 createroom.scss 작성
@MOBUMIN
Merge remote-tracking branch 'upstream/develop' into CreateRaccoon
85f71e5
@MOBUMIN
main page 구현
2a11741 
* title 입력 칸 InputBase로 구현
* option 선택 칸 paper로 border-radius:50%로 구현
* answer 입력칸 icon 아무거나 넣음, paper로 구현
----
To do
* option칸 grid container 넣어서 xs={4}로 바꾸기
* nav 구현하기
* state 관리하기
@MOBUMIN
Quiz front 구현
12b46b8 
* 정답 버튼부분 구현
* container안에 item으로 넣기
* header의 z-index 조정
* sidebar의 z-index 조정
---
To do
* Toggle state & quiz/True or false state와 조건부 렌더링 이용하여 다르게 보여주기 ( 할 수 있을까.. ?)
* ans paper 색깔 주기
* 전체적으로 state 관리
* option 칸 가운데 정렬로 바꾸기
@MOBUMIN
CRUI 분리
aeea5a4 
조건부 렌더링을 위해 CRUI로 파일 분리
@MOBUMIN MOBUMIN added enhancement New feature or request help wanted Extra attention is needed labels Feb 13, 2021
@MOBUMIN MOBUMIN added this to the 사이트맵 페이지 제작 milestone Feb 13, 2021
@MOBUMIN MOBUMIN self-assigned this Feb 13, 2021
MOBUMIN added 12 commits February 15, 2021 23:37
@MOBUMIN
색 관리
bf55bb2 
* header의 rigthbtn 색 관리
* sidebard의 addquestion 색 관리
* ans paper의 색 추가 및 map 함수로 중복 제거
@MOBUMIN
조건부 렌더링 조금 구현
8f6368f 
* quizlist( 현재 createroom의 qustion의 list )를 받아옴 => UI로 넘김 => toggleId로 현재 클릭된 question 확인 => 해당 데이터 출력 하는 방식
* add question letterspacing 조정
@MOBUMIN
Update CreateRoomUI.js
b592079 
NativeSelect 넣으니까 이상하다 ...
Select 안에 있는 놈의 padding 없애기에 실패했따... 대체 뭐지 ?
@MOBUMIN
SelectIcon 수정 & Toggle
6a2df5c 
* Select 중앙 정렬이 어려워 Icon 색을 바꾸는 방향.
* Sidebar listItem에 deleteIcon 추가
* Sidebar 클릭 기능 추가

To do
* side bar 정렬
* TF layout 구현
@MOBUMIN
sidebar active 기능 추가
0adc8a4 
* material UI에서 제공하는 selected를 이용하여 active 효과 추가!
@MOBUMIN
TF Layout 구현
c564947 
* QuizLayout의 map함수만 제거하여 TFLayout 구현

To do
* TF CSS 조정
* state 관리는 어떻게 .. ?
* ansPaper의 check icon 색변경 + border주기
@MOBUMIN
TF layout CSS 수정
9f5914c 
* option과 ans칸의 간격 조정
@MOBUMIN
체크 아이콘 css 수정
371d0b0 
* 체크 아이콘의 hover시 색바뀌던 효과 제거
* 체크 아이콘의 클릭시 색 바뀌던 효과 제거
* 체크 아이콘의 색 변경
@MOBUMIN
Merge remote-tracking branch 'upstream/develop' into CreateRaccoon
f545a15
@MOBUMIN
어정쩡한 state 관리
cf9d5b9 
* ansData의 state 관리 중 아직 오류가 이씀..
@MOBUMIN
TF 레이아웃 handlechange 적용
82992fe 
* 아직 불완전한 handlechange 적용되도록 바꿈
@MOBUMIN
state 수정
e90877f 
* 형진님이 알려주신 방법으로 state 관리
* 그러나 생명주기 문제에 부딪힌듯하다..
@MOBUMIN MOBUMIN marked this pull request as ready for review July 16, 2021 04:33
@MOBUMIN MOBUMIN merged commit d14635c into GDSC-University-of-Seoul:develop Jul 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees

@MOBUMIN MOBUMIN

Labels
enhancement New feature or request help wanted Extra attention is needed
Projects
None yet
Milestone
사이트맵 페이지 제작
Development

Successfully merging this pull request may close these issues.
1 participant
@MOBUMIN