• 작업 전 추가해야 할 것들
• 스타일 컨벤션 개괄 기능 추상화 https://www.youtube.com/watch?v=edWbHp_k_9Y&t=5s 이거 보시면 좋아여

폴더 구조 (현재까지 6개)

1. 폴더들은 소문자 한단어로 뭐하는 폴더인지 알 수 있게 만들기
2. 폴더 구조를 반드시 지켜 모든 컴포넌트는 합의된 위치에 생성하기
3. 만약 어떤 모듈이나 컴포넌트를 제작했다면 반드시 인덱싱하고 문서에 적어놓기
4. 이미 만들어져 있는 폴더를 수정할 때는 꼭 상의!

• 비슷한 일을 하는 애들을 한 폴더에 모아놓되 너무 많이 만들거나 하위폴더를 계속 늘리지 않기

  현재 디렉토리(알파벳 순 정렬)

  src

  • components
  • elements
  • hooks
  • page
  • redux
  • shared

  컴포넌트 폴더에는 앨리먼트 몇개를 사용해서 만든 중간단위의 컴포넌트~헤더같이 큰 단위의 컴포넌트를 다 담습니다. 범위가 좀 넓지만 다른 어떤 조건에도 걸리지 않은 애들을 넣어놓는 곳이라고 일단 정의했어여 나중에 프로젝트가 커지면

  헤더, 푸터, 리스트 ⇒ section

  단일포스트, 단일게시글 ⇒ components 로 분리할 수도 있지만 일단은 개발편의성을 위해 합침

  앨리먼트 폴더에는 말 그대로 가장 작은 원소단위의 컴포넌트가 들어갑니다. 재활용할수 있는 건 재활용해서 최대한 적은 수의 앨리먼트로 화면을 구성해보기!

  훅스 폴더에는 커스텀 훅들이 다 들어가는데 인터렉션 관련된 기능이 가장 많이 들어갈듯

  페이지 폴더에는 우리가 현재 와이어프레임으로 정의한 페이지들이 들어갑니다. 뭔가 찾으려고 할땐 페이지로 가서 보면 여기에 뭐뭐가 들어가는지 대충 알 수 있게!

  리덕스 폴더에는 리덕스 툴킷 관련 모듈들이 들어갑니다.

  쉐어 폴더에는 외부 api와 통신을 위해 필요한 것들 + 쿠키 등 특별한 역할이 있는 컴포넌트들을 모아놓습니다.

각 폴더별 문서 정리

• components

• elements(만드는 중!)

• hooks

• page : 현재 5개 - 더 늘어날 수 있음. 현재는 와이어프레임이 안나왔으므로 간단히 구조만

• redux

• shared

• 고민중 옵션들!!!

스택

• 스택 정리