본문 바로가기
공부용 프로젝트/Clock_App

Clock_App / 프로젝트 구조화

by ch5c 2025. 10. 7.
반응형

프로젝트를 생성해서 가장 먼저 해야 하는 일이 무엇일까? 나는 무엇보다 구조화를 먼저 하는 것 같다.

그리고 그 구조화한 트리는 아래와 같다.

 

lib/
 ├─ constant/
 ├─ controllers/
 ├─ screens/
 │   ├─ components/
 │   ├─ widgets/
 └─ main.dart

 

가장 먼저 색깔 같은 상수를 넣은 파일들이 위치될 constant 폴더, UI 부분을 표시할 screens 폴더, 그리고 UI 부분을 제어하는 역할을 해줄 controllers 폴더, 그 외에 UI에서 사용될 componentswidgets 폴더. 이렇게 보통 만들어 놓는 것 같다.

widgets/은 재사용성이 높고, 앱 어디서나 쓸 수 있는 공통 UI 위젯들을 모아두는 폴더이고, components/는 특정 화면(screen) 안에서만 사용되는 세부 구성 요소들을 모아두는 폴더이다.

 

이제 여기에서 필요에 의해서 추가해 주면 쉽게 프로젝트 구조를 만들 수 있다.

 

반응형