[feat] add sidebar dashboards

[devmanta]

📌 Related Issue

close #17
close #20

📝 Description

• 사이드바 대시보드 페이지네이션 + css
• 헤더 우측상단 내정보 클릭시 메뉴 드롭다운 (애니메이션 적용 아직x 나중에...)

📸 Screenshot

📢 Notes

• 모바일뷰 페이네이션은 피그마에 없어서 그냥 임의로 추가
• 마이메뉴도 피그마에 없어서 임의 추가 (요구사항엔 잇음)

[devmanta]

이런거 여기에서만 쓸꺼라 따로 파일로 안빼고 그냥 한개파일 안에서 진행했는데
먼가 길어보이는거같기도하고... 걍 냅둬도 될것같기도하고........그러네요...ㅋㅋㅋㅋㅋ

[najitwo]

저는 파일이 100 줄 정도 넘어가면 분리를 생각하긴 합니다.😊
근데 파일에 Dashboards, DabshboadList 가 혼용되서 처음봤을때 헷갈릴수있겠네요... 😇

[devmanta]

@najitwo 그러네요ㅜㅋㅋ s로 쓰기로햇는데 무지성으로 들어가버렸네..😅
함수 지웠습니당

(빼보려고했는데... css뭔가가 틀어져서... 함수만 지우는걸ㄹ..)

[devmanta]

이거.. Link사용 시 active 추가할 때 내맘대로 css 클래스가 추가가 안되더라구요..
난분명히 추가를했는데 넥스트가 Link 마운트할때 뭐 따로 처리를 하는것같은데 클래스가 적용이안돼요ㅠ

<Link
        href={`/dashboard/${id}`}
        className={`link ${isActive ? styles.active : styles.aaa}`}
      >

이런식으로 추가하면 aaa 얘는 어떻게 해도 적용이안되던데... 뭐 따로 legacybasis?인지먼지 속성 추가하고 자식요소로 a태그 넣고 해도 안됐고.. css 모듈안에서는 태그선택자는 안되가지고 그것도 적용안대고...
결국.. reset으로 와서
a태그는 display랑 witdh 부모꺼 css 상속받게 추가했습니다

[najitwo]

className={link ${isActive ? styles.active : styles.aaa}}
여기서 link 애는 뭐하는 애인가요???
<li></li> 태그로 감싸져있던데 여기에 스타일을 적용하면 되지않을까요???
그리고 아마 <li> 태그 없애면 Link 스타일 잘 적용 될 것 같습니다.

[devmanta]

@najitwo 제가 하고싶엇던게 결국 a태그를 display block처럼 전체 width를 먹는건데
li에 스타일 적용해도 그 자식인 a태그는 inline 스타일이라 전체 width를 안먹더라구요🫠

[najitwo]

고생하셨습니다 ~
휴일에도 열정이 대단하시네요🔥
저도 열심히하겠습니다.. 😊

아까 팀미팅때 말씀드린 대시보드 제목?
헤더와 사이드바를 가지고있는 레이아웃에서 관리를 하면 되지 않을까요?? 라고
조심스럽게 의견 내봅니다. 아니면 내일 멘토링시간에 질문드리는걸로...🤔

그리고 마이페이지에서 뒤로가기했을때 마이페이지 module.css가 왠지 모르게 남아있네요... 이것도 질문드려야될거같아요