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

[FE] 홈 화면 기능 구현 #32

Closed
5 tasks done
d0422 opened this issue Nov 13, 2023 · 0 comments · Fixed by #33
Closed
5 tasks done

[FE] 홈 화면 기능 구현 #32

d0422 opened this issue Nov 13, 2023 · 0 comments · Fixed by #33
Assignees
@d0422
Labels
feature 기능 구현 FrontEnd 프론트엔드 관련

Comments

@d0422
Copy link
Collaborator

d0422 commented Nov 13, 2023 •
edited
Loading

💡 About

AlgoITNI 홈화면 구현

📝 To Do

  • 홈화면 UI구현
  • 방 생성 구현
  • 홈화면 -> room 으로 넘어가는 로직 구현
  • 방 코드 입력부분에 입력하기 전까지 disable처리
  • 홈화면 UI반응형 어느정도 대응
@d0422 d0422 changed the title 홈 화면 기능 구현 [FE] 홈 화면 기능 구현 Nov 13, 2023
@d0422 d0422 added feature 기능 구현 FrontEnd 프론트엔드 관련 labels Nov 13, 2023
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 13, 2023
@d0422
feat: [FE] Home 화면 UI 구성
0ac5686 
Home화면 UI구성
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 13, 2023
@d0422
chore: [FE] uuid라이브러리 설치
667a509 
uuid 라이브러리 설치
uuid types설치
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 13, 2023
@d0422
feat: [FE] 방생성 로직 작성
e8fa0e9 
방생성 버튼을 누르는 경우, UUID값에 따라 방을 새롭게 생성하고, 해당 방으로 이동하는 기능 구현
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 13, 2023
@d0422
feat: [FE] useInput 훅 추가
31f8fff 
input의 state, change함수를 추상화한 useInput 훅 추가
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 13, 2023
@d0422
feat: [FE] Home 페이지 input이벤트 구현
1da4f6d 
방참가 입력값이 있는경우 참가 버튼에 불이 들어오는 기능 구현
input창에 입력한 방으로 이동하는 기능 구현
input창에 입력한 후 클릭하지 않고 enter를 눌러도 이동하는 기능 구현
(#32)
@d0422 d0422 self-assigned this Nov 13, 2023
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] tailwind 반응형 기준 추가
d0ae8bb 
tailwind 반응형 기준 추가
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
style: [FE] 모바일 반응형 대응
15d1df2 
모바일 반응형 대응
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] Home 화면 UI 구성
26cd7d1 
Home화면 UI구성
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] uuid라이브러리 설치
8834450 
uuid 라이브러리 설치
uuid types설치
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] 방생성 로직 작성
7c78480 
방생성 버튼을 누르는 경우, UUID값에 따라 방을 새롭게 생성하고, 해당 방으로 이동하는 기능 구현
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] useInput 훅 추가
cb47f2f 
input의 state, change함수를 추상화한 useInput 훅 추가
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] Home 페이지 input이벤트 구현
04d59d2 
방참가 입력값이 있는경우 참가 버튼에 불이 들어오는 기능 구현
input창에 입력한 방으로 이동하는 기능 구현
input창에 입력한 후 클릭하지 않고 enter를 눌러도 이동하는 기능 구현
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] tailwind 반응형 기준 추가
8b60af1 
tailwind 반응형 기준 추가
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
style: [FE] 모바일 반응형 대응
321dd29 
모바일 반응형 대응
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
refactor: [FE] useInput event 구조분해할당으로 코드 개선
7d8dc57 
useInput event 구조분해할당으로 코드 개선
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] Button 공통 컴포넌트 props타입 명시
1518f10 
Button 공통 컴포넌트 props타입 명시
(#32)
@HBSPS HBSPS linked a pull request Nov 14, 2023 that will close this issue
[FE] feat: 프론트엔드 home 기능 구현 #33
Merged
6 tasks
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] Home 화면 UI 구성
1cc3a57 
Home화면 UI구성
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] uuid라이브러리 설치
77bb2b8 
uuid 라이브러리 설치
uuid types설치
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] 방생성 로직 작성
968baee 
방생성 버튼을 누르는 경우, UUID값에 따라 방을 새롭게 생성하고, 해당 방으로 이동하는 기능 구현
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] useInput 훅 추가
3d048c0 
input의 state, change함수를 추상화한 useInput 훅 추가
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
feat: [FE] Home 페이지 input이벤트 구현
6982b42 
방참가 입력값이 있는경우 참가 버튼에 불이 들어오는 기능 구현
input창에 입력한 방으로 이동하는 기능 구현
input창에 입력한 후 클릭하지 않고 enter를 눌러도 이동하는 기능 구현
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] tailwind 반응형 기준 추가
abcefcd 
tailwind 반응형 기준 추가
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
style: [FE] 모바일 반응형 대응
afc75f6 
모바일 반응형 대응
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
refactor: [FE] useInput event 구조분해할당으로 코드 개선
df217c8 
useInput event 구조분해할당으로 코드 개선
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
chore: [FE] Button 공통 컴포넌트 props타입 명시
01523b0 
Button 공통 컴포넌트 props타입 명시
(#32)
d0422 referenced this issue in d0422/web05-AlgoITNi Nov 14, 2023
@d0422
test: [FE] Home 컴포넌트 기능 테스트 추가
a491488 
방생성 클릭시, uuid를 url로 갖는 새로운 방을 생성하고, 해당 방 url로 이동한다.
참가 클릭시, input입력창에 입력한 url을 가진 방으로 이동한다.
(#32)
@d0422 d0422 closed this as completed in #33 Nov 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@d0422 d0422

Labels
feature 기능 구현 FrontEnd 프론트엔드 관련
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[FE] feat: 프론트엔드 home 기능 구현 d0422/web05-AlgoITNi
1 participant
@d0422