👉 대화방에 해당하는 공동 컴포넌트 및 레이아웃을 제작했습니다.

😀 메인 사이드 메뉴, 서브 사이드 메뉴에 따른 라우팅 구조

image.png

🗓️ 동적 라우팅을 사용하여 유저의 로그인 id값에 따라 유저의 화면을 보여줄 수 있도록 폴더 구조를 설계

image.png

👉예시 화면 구조

ex ) localhost:3000/workspace1/user1/home/list2 ⇒ “UI/UX팀”에 해당하는 채팅방 화면

image.png

😀 공동 컴포넌트

아토믹 디자인 패턴을 활용하여 컴포넌트들을 분할시켜 재사용성을 높였습니다.