11 20 프론트 폴더구조 회의

주제: 프론트 폴더 구조

쟁점

layer를 얼마나 둘 것인가?

components와 pages를 최하단과 최상단에 둔다고 하면, 그 사이에는 어떤 계층을 두어야 하는가? 그 특징은 무엇인가?

결론

구조

2번째 그림의 구조와 같다

• pages: component + (composition -> container)
• compositions: feature/container + components(재사용 어려움)
  • 기능별로 폴더를 나누고, 그 폴더들에는 container와 그를 구성하는 요소들이 위치한다.
• components: 재사용 가능한 컴포넌트들이 위치한다.

추가적인 분리

style, model, query등 또한 분리하려고 하였지만, 아직 확신이 들지 않아 보류하였다. compositions 내부 기능 폴더들 밑에 그처럼 폴더들로 분리하는 것은 일단 개인의 재량에 맡기기로 하였다.