효율적인 폴더 구조에 대해 알려주실 수 있나요?

[소여니]

강의 잘 듣고 있습니다.

혹시 자주 사용하는 폴더 구조가 있으시면 알려주실수있나요?
예를 들면
Component
ㄴDetail
ㄴDetail.js
ㄴDetail.scss
ㄴCart
ㄴCart.js
ㄴCart.scss

제가 아는 방식은 위와 같은 방식뿐인데
사람들이 가장 많이 사용하는 방식을 찾고있습니다.
그리고 Context API나 Redux를 이용할 때 따로 js 파일을 만들어 그 안에 Context API 생성 코드나 Redux 생성 코드를 만들어서 import 하는 방식이 있다고 알고있는데 이 방식이 대체적인 방식이라면 자세히 알려주시면 감사하겠습니다.

그리고 제 목표가 nodejs+react+아무db 풀스택 개발인데,, 이런 강의는 진행하실 의향 없으신가요?

[codingapple]

js 파일이 HTML UI 컴포넌트용이라면 components 폴더

js 파일이 하나의 페이지라면 pages 폴더 

js 파일이 데이터만 들어있다면 assets 아니면 data 폴더 

js 파일이 리덕스와 관련되어있다면 store 폴더 

그리고 하나의 컴포넌트에 딸려오는 파일이 많으면 components 안에 컴포넌트마다 하위폴더들을 만들곤합니다.

그냥 관련있는 js파일을 어떤 이름으로 묶을까를 생각하시면 폴더구조는 저절로 나옵니다. 

 

리덕스를 사용할 땐 리듀서를 여러개 만드는 일이 잦습니다. 

reducer1.js  reducer2.js 이렇게 만들어놓고 리덕스 메인 파일에 import 해서 많이들 씁니다. 

리덕스라고 특별한 파일분할 문법이 있는게 아닙니다. 그냥 자바스크립트 import export 문법에 따라주시면 됩니다. 

내보내고 싶은 변수나 함수 왼쪽에 export default 

가져다쓸 땐 import + 작명하시면 됩니다.

 

nodejs + DB 그리고 리액트 사용법을 아신다면 두개 섞는건 별로 큰일이 아니기 때문에 

아마 지금 있는 강의들이랑 중복이 될 것 같군요 

[글쓴이]

글