<NavList/> 컴포넌트 스타일 적용 방식이 복잡함

[macjjuni]

컴포넌트 스타일 적용 방식이 복잡함

from devlog_legacy.

[macjjuni]

...
import * as N from '../Header.style'
...
<N.Nav>
  <N.NavList>
    <>
      {pages.map((page) => (
        <N.NavItem key={page.id}>
          <N.NavLink href={page.path} className={pathname === page.path ? 'active' : ''} colormode={colorMode}>
            {page.title}
          </N.NavLink>
        </N.NavItem>
      ))}
    </>
    <ColorToggleButton />
  </N.NavList>
</N.Nav>
...

프로젝트 전체 컴포넌트 새로운 스타일 선언 방식으로 리팩토링 완료