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

[feature] 공통 UI 제작 #46

Open
6 of 7 tasks
rhino-ty opened this issue Apr 18, 2023 · 0 comments · Fixed by #47
Open
6 of 7 tasks

[feature] 공통 UI 제작 #46

rhino-ty opened this issue Apr 18, 2023 · 0 comments · Fixed by #47
Assignees
@ZUITOPIA @yxunakim84 @rhino-ty @yeonkr @halmokme
Labels
✍️ Desgin 디자인 수정 관련 🚂 Refactor 기능 변화 X, 코드 스타일 및 코드 리팩토링 관련
Milestone
알파 테스트 오픈 준비

Comments

@rhino-ty
Copy link
Collaborator

rhino-ty commented Apr 18, 2023 •
edited by yxunakim84
Loading

Description

Color, Text, Input, Drop Down, Button(Large, Small), Nodata 공통 UI 제작

  1. 꼭 components/ui/개발할ui.tsx 이렇게 개발!
  2. 브랜치 46-개발할ui 파서 개발!
  3. 커밋할 때 #46 - 이렇게 만들기
  4. components/ui.tsx는 나두기

Todo

  • Color Guide 제작
  • Button(Large, Small)
  • Text Guide 제작
  • Input
  • Drop Down
  • Nodata
  • Loading
@rhino-ty rhino-ty added the ✨ Feature 기능 개발 관련 label Apr 18, 2023
halmokme added a commit that referenced this issue Apr 20, 2023
@halmokme
#46 feat: 버튼 컴포넌트 제작
88342da
halmokme added a commit that referenced this issue Apr 20, 2023
@halmokme
#46 style: 코드변경
b01678f
@halmokme halmokme linked a pull request Apr 20, 2023 that will close this issue
Feature/46 button component #47
Merged
1 task
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - feat: TextInputUI 구현
f6a30cf 
텍스트를 받는 input 컴포넌트 생성
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - feat: TextInputUI 테스트 페이지
b922ec7
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - feat: validate, errorMes, message 추가함
504d8fa 
추가해서 조건에 맞게 error가 발생하면 빨간색 에러멘트 나오게 하고 맞으면 멘트 나오게 설정, ?를 붙였음
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - feat: error를 그냥 boolean으로 받는 거로 해서 다시 디자인
f2d62a1 
validate로 받았는데 함수를 받는 것보다 그냥 boolean으로 받아서 error 조건으로 하는 것이 확장성이 좋을듯
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - docs: 설명 및 예시 주석 추가
5d9c20e
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - docs: 설명 주석 추가
9c4ca1a
rhino-ty added a commit that referenced this issue Apr 22, 2023
@rhino-ty
#46 - docs: 설명 주석 추가
85e0ad7
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - feat: 드롭다운 UI props로 대체 후 임시 생성
34de3d0 
전에 만들었던 signup/dropdown.tsx 참고, label, list, selected, onSelectedChange
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - design: 드롭다운 UI 색 theme에서 추가하도록 변경
5c2dc36
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - feat: 드롭다운에서 selected된 항목이 있다면 컬러 바꾸기
7183f42
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - desgin: 드롭다운 피그마와 디자인 세팅 같게 설정
a11f82b
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - feat: 드롭다운에 description 추가
ec32416
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - docs: 드롭다운 사용 예시 맨아래에 추가
29bab32
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - docs: 드롭다운 props 설명
e131d81
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - page/test.tsx 삭제
6dc679a
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - docs: input UI description 추가
30072ae
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - desgin: 인풋 UI theme 사용하여 컬러 사용
62ea728
rhino-ty added a commit that referenced this issue Apr 25, 2023
@rhino-ty
#46 - docs: DropDown UI 주석 수정
07db558
yxunakim84 added a commit that referenced this issue Apr 28, 2023
@yxunakim84
#46 - feat: noData UI 제작 (게시글, 댓글)
6edf226
yxunakim84 added a commit that referenced this issue Apr 29, 2023
@yxunakim84
#46 - rename: 이미지 파일 위치 이동 및 이름 수정
f0ad0b4
yxunakim84 added a commit that referenced this issue Apr 29, 2023
@yxunakim84
#46 - refactor: 쪽지 noData 추가 및 코드 수정
dd57eb0
@rhino-ty rhino-ty added ✍️ Desgin 디자인 수정 관련 🚂 Refactor 기능 변화 X, 코드 스타일 및 코드 리팩토링 관련 and removed ✨ Feature 기능 개발 관련 labels May 6, 2023
rhino-ty added a commit that referenced this issue May 11, 2023
@rhino-ty
#46 - feat: TextInputUI의 label 추가
72ca083
rhino-ty added a commit that referenced this issue May 11, 2023
@rhino-ty
#46 - feat: S dot 수정 및 DropDownLabel CSS 추가
dd7a75a
rhino-ty added a commit that referenced this issue May 11, 2023
@rhino-ty
#46 - feat: TextInputUI의 Container 추가
49fe088
rhino-ty added a commit that referenced this issue May 11, 2023
@rhino-ty
#46 - feat: TextInputUI의 message를 조건으로 삽입해 없다면 아예 칸 삭제해버리기
b60b4a5
rhino-ty added a commit that referenced this issue May 11, 2023
@rhino-ty
#46 - refactor: TextInputUI의 message를 description으로 변수명 변경
1b982ef
rhino-ty added a commit that referenced this issue May 12, 2023
@rhino-ty
#46 - fix: TextInputUI의 CSS 세부적인 사항 수정
dc8e0bc
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ZUITOPIA ZUITOPIA

@yxunakim84 yxunakim84

@rhino-ty rhino-ty

@yeonkr yeonkr

@halmokme halmokme

Labels
✍️ Desgin 디자인 수정 관련 🚂 Refactor 기능 변화 X, 코드 스타일 및 코드 리팩토링 관련
Projects
None yet
Milestone
알파 테스트 오픈 준비
Development

Successfully merging a pull request may close this issue.

Feature/46 button component Wingle-SMWU/Wingle-Frontend
5 participants
@ZUITOPIA @yxunakim84 @rhino-ty @yeonkr @halmokme