안녕하세요 강의를 다 보고 리액트로 클럽하우스와 비슷한 서비스를 만들고 있습니다. (규모가 큰 서비스는 아닙니다.)
강의와 관련된 질문은 아닙니다만 질문 드려봅니다.
실제로 서비스를 만들다 보니 예제에 있는 스타일대로 별 규칙 없이 되는대로 만들면 후에 유지보수와 다른팀원들과 협업할 때 어려움을 겪을 것 같아 디자인패턴과 폴더 구조를 찾아보았습니다.
Atomic Design Pattern : 컴포넌트를 원자단위로 쪼개 컴포넌트의 재사용성을 높힌 방법
Presentational and Container Component Pattern : Hook의 개념이 존재하지 않았던 이전에, 로직과 view를 분리하기 위한 방법
Flux Pattern : 2014년 페이스북 발표, 기존 MVC 패턴의 단점을 보완하며 Redux와 함께 사용되는 방법
MVC,MVVM Pattern : 기존 개발에서 많이 쓰이는 디자인 패턴 , 리액트에서는 좀 비효율적이라고 함
간략하게 찾아본 패턴들의 특징? 요약 입니다.
위 것들을 찾아보았는데 봐도 어떤걸 적용해야 할지, 어떤 기준으로 선택해서 하는 것이 좋을지 잘 판단이 안서서 질문 드립니다.
정답이 있는문제는 아닙니다만 현업에서 자주 사용되는 방식이 있는지, 아니면 코딩애플님이 추천하시는 어떤 방식이 있는지 궁금합니다.
현재 사용하고 있는 방식은
src
ㄴAssets
ㄴ 이미지들..
ㄴGlobal
ㄴ reset.css
ㄴ Nav
ㄴ mainnavi.js
ㄴ mainnavi.scss
ㄴ subnavi.js
ㄴ subnavi.scss
ㄴ Login
ㄴ login.js
ㄴ login.scss
ㄴ Main
ㄴ main.js
ㄴ main.scss
ㄴ noticePopup.js
ㄴ noticePopup.scss
ㄴ Myprofile
ㄴ myprofile.js
ㄴ myprofile.scss
ㄴ editprofilePopup.js
ㄴ editprofilePopup.scss
이런식으로 기능별로 나누어서 js안에 마크업과 js기능들을 한번에 작성하는 방식이었습니다. (그냥 참고용..)
어떤방식으로 방향을 잡아야 할지 조언 부탁드립니다.
