From 7ac703b66c480deeeced214283adb00cbc60214b Mon Sep 17 00:00:00 2001 From: hyesungoh Date: Wed, 18 Dec 2024 15:41:48 +0900 Subject: [PATCH] =?UTF-8?q?=EC=B1=95=ED=84=B0=2014,=2015?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../\354\230\244\355\230\234\354\204\261.md" | 43 +++++++++++++++++++ .../\354\230\244\355\230\234\354\204\261.md" | 3 ++ 2 files changed, 46 insertions(+) create mode 100644 "\354\261\225\355\204\260_14/\354\230\244\355\230\234\354\204\261.md" create mode 100644 "\354\261\225\355\204\260_15/\354\230\244\355\230\234\354\204\261.md" diff --git "a/\354\261\225\355\204\260_14/\354\230\244\355\230\234\354\204\261.md" "b/\354\261\225\355\204\260_14/\354\230\244\355\230\234\354\204\261.md" new file mode 100644 index 0000000..bca31e5 --- /dev/null +++ "b/\354\261\225\355\204\260_14/\354\230\244\355\230\234\354\204\261.md" @@ -0,0 +1,43 @@ +# 리액트 애플리케이션 구조 +* 기능별 그룹화 + +``` +- product +- cart +- user +``` + +- 변경 사항이 특정 부분에 제한된다는 장점 +- 모듈 간 공통적으로 사용하는 것들에 대해 주기적으로 파악해야만 중복을 피하고 재사용성을 높일 수 있다는 단점 + +* 파일 유형별 그룹화 + +``` +- components +- pages +- api +- styles +``` + +- 장점 + - 표준 구조 + - 빠른 적응 + - 공통 컴포넌트 및 스타일 변경 용이 +- 단점 + - 모듈 수정 시 여러 폴더 수정 필요 + - 파일 찾기 어려움 + +* 혼합(하이브리드) 그룹화 + +``` +- components +- pages +- api +- styles +- domain + - product + - cart + - user +``` + +> 혼합 구조를 별 생각없이 일반적으로 쓰고 있었음 \ No newline at end of file diff --git "a/\354\261\225\355\204\260_15/\354\230\244\355\230\234\354\204\261.md" "b/\354\261\225\355\204\260_15/\354\230\244\355\230\234\354\204\261.md" new file mode 100644 index 0000000..a2bab87 --- /dev/null +++ "b/\354\261\225\355\204\260_15/\354\230\244\355\230\234\354\204\261.md" @@ -0,0 +1,3 @@ +# 결론 + +- https://www.patterns.dev/ \ No newline at end of file