플로우빗 구조에 대해서 자유롭게 의견을 나눠요

[klmhyeonwoo]

플로우빗 구조에 대해서 설명을 진행해요, 더 좋은 구조가 있다면 같이 이야기를 나눠보아요!

[Cllaude99]

폴더 구조에 대해서 아래의 고민이 있었어요.

1. app폴더와 component폴더 사이의 관계

app폴더를 보면 그 하위에 도메인 폴더를 두고 관리가 되고 있어요. (ex. app/home/index.tsx)
그렇다면 각 페이지에 보일 컴포넌트들은 components/app폴더 안에 도메인 폴더를 두고 그 안에 파일을 위치해주는것으로 보았는데 맞는지 궁금해요.
(ex. components/app/home/floating/~)

2. 커스텀 훅의 위치

현재 폴더를 보면 hooks 폴더내에 api폴더가 있어요.
따라서 hooks폴더내에 도메인 폴더를 따로 두고 이곳에 해당 도메인에서 사용되는 훅을 넣는다고 생각했어요.
그렇다면 이후 개발시에도 도메인 폴더를 따로 만들고 여기에 훅을 위치시키는 것이 좋을까요?

추가적으로 생각해 본 방안으로는 훅은 컴포넌트안에서 쓰이는 경우가 많으니 components/app/도메인/hooks 폴더를 만들고 해당 위치에 훅을 넣어 관리하는 것이 좋을지 고민이 있었어요.

전자의 방법은 src/hooks폴더내에서 도메인별로 전체 훅을 한눈에 보기 쉽다는 장점이 있지만 사용되는 컴포넌트와는 물리적으로 멀 수 있다는 단점이 존재한다고 생각해요. 반면 후자의 경우 사용되는 컴포넌트와 물리적으로 가까워 개발시에 움직임이 줄어들 수 있다는 장점이 존재하지만 프로젝트내에 사용되는 전체 훅들을 한눈에 모아서 보기 어렵다는 단점이 존재한다고 생각해요.

3. style 관련

style/variable.ts는 사용되지 않는 파일인지 궁금해요.

[klmhyeonwoo]

조금만 정리해서 답변드릴게요 :-)