사물함 Tab의 width를 '25%'로 고정하고 슬라이드 버튼을 추가해서 사물함 개수가 늘어나도 동일한 크기로 보여집니다.
-> 모바일에서도 Tab의 개수에 상관없이 동일한 크기로 보여집니다.
-> 사물함 개수가 5개 보다 작을 경우 탭이 중앙 정렬 되지 않고 왼쪽에 치우치는 문제가 있습니다.
사물함을 '사물함 번호로 보기','이름으로 보기','학번으로 보기'의 세가지 종류로 확인 할 수 있습니다. 버튼 구성은 material-ui의 radio 버튼에 tooltip으로 설명을 추가했습니다.
-> 모바일 버전에서는 학번이나 이름을 나타내기 어려울 것 같아서 UI를 구성하면서 없애려고 합니다
사물함의 최대 가로 길이와 최대 세로 길이를 PC화면으로 테스트 해본 결과 세로 길이는 스크롤로 구현하면 제한이 없을 것 같고 최대 길이는 12까지 가능 할 것 같습니다.
-> 모바일 환경이 중요할 것 같은데 모바일 환경에서 최대 가로 길이에 따라서 사물함의 가로 길이 제한을 정해야 할 것 같습니다
개발사항
사물함 Tab의 width를 '25%'로 고정하고 슬라이드 버튼을 추가해서 사물함 개수가 늘어나도 동일한 크기로 보여집니다. -> 모바일에서도 Tab의 개수에 상관없이 동일한 크기로 보여집니다. -> 사물함 개수가 5개 보다 작을 경우 탭이 중앙 정렬 되지 않고 왼쪽에 치우치는 문제가 있습니다.
사물함을 '사물함 번호로 보기','이름으로 보기','학번으로 보기'의 세가지 종류로 확인 할 수 있습니다. 버튼 구성은 material-ui의 radio 버튼에 tooltip으로 설명을 추가했습니다. -> 모바일 버전에서는 학번이나 이름을 나타내기 어려울 것 같아서 UI를 구성하면서 없애려고 합니다
사물함의 최대 가로 길이와 최대 세로 길이를 PC화면으로 테스트 해본 결과 세로 길이는 스크롤로 구현하면 제한이 없을 것 같고 최대 길이는 12까지 가능 할 것 같습니다. -> 모바일 환경이 중요할 것 같은데 모바일 환경에서 최대 가로 길이에 따라서 사물함의 가로 길이 제한을 정해야 할 것 같습니다
이후계획