프로젝트 컴포넌트/마크업 구조 개선

[cometkim]

• 메인 페이지 마크업 구조 개선
• 컴포넌트를 Configurable & Reusable 하도록 재작성

[cometkim]

문제가 되는 부분을 구체적으로 짚어야 제대로 개선 가능함. ㅇㅇ

[cometkim]

• 인덱스 페이지와 포스트 템플릿의 main 태그 사용
  • main 태그 자체가 최상위에서 wrap 하는 용도로 쓸만한 태그가 아니다.
  • 공유가능한 common한 wrapper 같아 보인다.

[cometkim]

• index, tags, series 이 세 페이지 모두 같은 페이지 템플릿을 공유하는 게 나을 것 같다.

[cometkim]

• Header 컴포넌트가 너무 Composable 하지 않다. 영역과 스크롤 관련 동작을 위한 부분만 Container로 두고 안에서 내용은 자식 컴포넌트를 쓰도록 하는 게 좋지 않을까? 구성 자유도에 따라 children 또는 render props를 제공받으면 될 것 같다.

[cometkim]

• post-info와 post-license-info 가 같은 스타일인데 중복된 styled를 만들어 쓰고 있다.
• 이런 부분들이 많을 것이므로 commons/ 따위 만들어서 재사용 가능한 styled container 들을 모아놓을 필요가 있을 것 같다.

[cometkim]

article, section, h 태그 잘못쓰는 것 같다. HTML 표준을 제대로 공부해야할듯 ㅂㄷㅂㄷ