Closed cla6shade closed 4 days ago
각각의 플더에 들어갈 내용은 아래와 같고, 계층적 구조를 갖습니다.
하위 계층의 모듈에서는 상위 계층의 모듈을 참조할 수 없습니다. (ex. entities 내부 모듈은 pages의 모듈 참조 불가능)
각각의 계층은 slice라는 하위 요소를 가집니다.
slice는 segment로 구성됩니다. 일반적으로 사용되는 세그먼트들은 다음과 같습니다.
각 slice와 segement에는 index.ts라는 모듈을 통해 외부로 공개됩니다.
// good import { Button } from '@shared/Button';
// bad import { ButtonInternal } from '@shared/Button/Button';
// good import { Button } from './Button';
// bad import { ButtonInternal } from './Button/Button';
import order
github workflow를 통해 main에 push 시 빌드 테스트 및 단위 테스트 등 테스트를 실행하도록 설정할 예정입니다. 추후 구현 후 커밋하겠습니다.
Feature-sliced Design
규칙들
각각의 플더에 들어갈 내용은 아래와 같고, 계층적 구조를 갖습니다.
하위 계층의 모듈에서는 상위 계층의 모듈을 참조할 수 없습니다. (ex. entities 내부 모듈은 pages의 모듈 참조 불가능)
각각의 계층은 slice라는 하위 요소를 가집니다.
slice는 segment로 구성됩니다. 일반적으로 사용되는 세그먼트들은 다음과 같습니다.
각 slice와 segement에는 index.ts라는 모듈을 통해 외부로 공개됩니다.
// bad import { ButtonInternal } from '@shared/Button/Button';
// good import { Button } from './Button';
// bad import { ButtonInternal } from './Button/Button';
import order
CI setup
github workflow를 통해 main에 push 시 빌드 테스트 및 단위 테스트 등 테스트를 실행하도록 설정할 예정입니다. 추후 구현 후 커밋하겠습니다.