Skip to content

1월 22일

Sujin Jo edited this page Jan 22, 2024 · 1 revision

✏️ 회의록

[논의사항 1] atom 컴포넌트 중 FlexBoxWrapper의 필요성

  • 장점

    • CSS 코드 보지 않고 FlexBox와 Wrapper 태그만 보고도 하위 태그들의 구조를 알 수 있음
    • CSS 작성 코드 줄일 수 있음
    • 확장성(?)
  • 단점

    • props가 길어져서 전체적인 코드 복잡해보임
    • CSS 코드를 props로 작성하는 방식이라, 딱히 코드를 줄일 수 있는 것도 아님
  • 결론: FlexBoxWrapper 쓰지 않는 것으로 결정!

[논의사항 2] TopBar 클릭 안되는 이슈

  • 원인: TopBar에 z-index: -1 이 설정되어 있어, LeftNavBar에 가려져서 클릭이 안되는 것으로 보임
  • z-index: 1 설정해두지 않고, TopBar의 왼쪽 부분의 그림자 속성 아예 없애고 border-left3px 줘서 자연스러운 디자인으로 변경

[진행상황 공유] 프론트엔드

  • 수진: TopBar 컴포넌트, LeftNavBar + TopBar 합친 Bars 컴포넌트 완성
  • 지윤: LeftNavBar 컴포넌트, ProfileImg 컴포넌트 완성, prettier 설정, Redux-toolkit으로 카테고리 작업하는 중

[진행상황 공유] 백엔드

  • 준희: API 요청/응답 로직 완성

Clone this wiki locally