<aside> 💡 이제 개발해요

</aside>

<aside> ⚠️

이 페이지는 [cds 레포의 이슈]로 이관되었어요! 더 이상 관리되지 않아요.

</aside>

• 컴포넌트는 components 하위 디렉토리에서 폴더 별로 관리해요.

  • 내부에는 index.tsx 그리고 [Component].stories.tsx 파일을 생성해요.
  • 스타일은 우선 별도 파일로 분리하지 않았어요.

• yarn dev 말고 스토리북 사용하세요. 아래의 명령어로 시작하면 작성된 컴포넌트들을 보면서 개발할 수 있어요.

  yarn storybook
  

브랜치 전략

• main 하나 두고 기능 별로 feat/[기능] 브랜치 따서 개발해요.
  • 사이트 배포 계획은 없고
  • 패키지로 배포할 예정인데 버전 업데이트 하고싶을 때 main에서 바로 publish하면 돼요.

코딩 컨벤션

• ~~머지 커밋 / 스쿼시 머지 중에 골라야해요 ~~~

  • 스쿼시 !!!
  • https://evan-moon.github.io/2019/08/30/commit-history-merge-strategy/#create-a-merge-commit

• 폴더 구조 계층별로 정리해야 할 것 같아요

  • common
  • layout

• 타입스크립트로 개발하는거라서 타입 정의는 따로 필요없어요.

  • @types 폴더를 나누는게 좋은가요?

    • emotion.d.ts 때문에 생겨버림

      

• React. 네임스페이스 붙이지 않고 import해서 사용하기

• Context API

  • [ComponentContext] 인터페이스 네이밍을 [ComponentContext]Interface 로 하기
  • createContext<Interface | null>(null) 로 초기값 설정하고 사용처에서는 null check 하고 early return 해주기