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

앱 바 컴포넌트 생성 및 메뉴 구성 #4

Open
1 of 5 tasks
doheez opened this issue Jul 29, 2022 · 0 comments · May be fixed by #6
Open
1 of 5 tasks

앱 바 컴포넌트 생성 및 메뉴 구성 #4

doheez opened this issue Jul 29, 2022 · 0 comments · May be fixed by #6
Assignees
@doheez
Labels
task
Milestone
Deadline #1

Comments

@doheez
Copy link
Contributor

doheez commented Jul 29, 2022 •
edited
Loading

Description

모든 페이지에서 보여지는 메뉴바를 생성한다. 메뉴바 좌측에 웹페이지의 대표 아이콘 및 로고 텍스트를 배치하고, 통합저장소, 태그, 병합하기 메뉴를 로고 우측에 배치한다. 메뉴바를 반응형 컴포넌트로 구현하므로 언급한 메뉴들은 화면 너비가 900px 미만으로 줄어들 때 숨겨지며 메뉴 아이콘 클릭 시 나타난다.

메뉴바에서 사용자 프로필 아이콘을 최우측에 배치하고 아이콘 클릭 시 환경 설정 관련 메뉴들이 등장하도록 한다. 환경 설정 관련 메뉴들은 논의 전이므로 임시 텍스트를 사용한다.

Todo

  • 대략적인 메뉴바 틀 생성
  • 로고, 메뉴, 환경 설정 메뉴 등 세부 컴포넌트 추출
  • 리덕스로 state 추출
  • 메뉴바 색상 변경
  • 새로운 폰트 논의 후 적용

Reference

[1] https://mui.com/material-ui/api/app-bar/
doheez added a commit that referenced this issue Aug 5, 2022
@doheez
feat: Create menu bar component
9921d9c 
모든 페이지의 최상단에 위치하는 메뉴바를 생성한다.
메뉴바는 900px을 기준으로 반응형으로 동작하며,
프로필 아이콘 버튼 클릭 시 환경 설정 관련 메뉴가 등장한다.

task: #4
@doheez doheez self-assigned this Aug 5, 2022
@doheez doheez added the task label Aug 5, 2022
@doheez doheez linked a pull request Aug 5, 2022 that will close this issue
#4 - 앱 바 컴포넌트 생성 및 메뉴 구성 #6
Open
@doheez doheez added this to the Deadline #1 milestone Aug 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@doheez doheez

Labels
task
Projects
None yet
Milestone
Deadline #1
Development

Successfully merging a pull request may close this issue.

#4 - 앱 바 컴포넌트 생성 및 메뉴 구성 MergeDoc/MergeDoc-frontend
1 participant
@doheez