구조
이 스킬은 프론트엔드 코드가 어디에 위치해야 하는지를 안내합니다: 폴더 규칙, 명명 규칙, 그리고 파일이 잘못 배치되었음을 알 수 있는 표시. 규칙은 코드베이스와 함께 이동하므로, 권위 있는 목록은 reference.md에 있습니다. 파일을 배치하기 전에 이를 읽으십시오.
단계
- 파일이 무엇인지 먼저 묻고, 어디에 맞는지는 나중에 생각하세요. 컴포넌트, 훅, 유틸리티, 테스트, 에셋, 설정. 종류가 배치를 결정하며, 종류는 reference.md의 규칙에서 선행 단어입니다. 완료 조건: 종류가 한 단어로 명시되었을 때.
- 전체 단위를 한 번에 규칙에 따라 배치하세요. 컴포넌트는 테스트, 스토리, 스타일과 함께 이동합니다 — 컴포넌트만 따로 이동하지 마십시오. 완료 조건: 배치가 규칙을 그대로 따르며, 이름을 비틀어야 하는 경우 실행 종료 시 그 이유와 함께 나열되었을 때.
- 이웃 파일과 대조하여 명명을 확인하세요. 이름이 형제 파일과 전체 규칙(단수/복수, 점 분할, 대소문자)과 일치해야 합니다. 완료 조건: 디렉터리 목록이 균일하게 읽히며, 어색함을 없애기 위해 이름을 바꿀 필요가 없을 때.
참조
- reference.md — 배치 규칙과 명명 규칙. 레포지토리 레이아웃이 안정되면 업데이트하십시오; 이것이 단일 진실 공급원이며, 다른 곳에 명시된 규칙은 이 파일의 근사치일 뿐입니다.
- 두 규칙이 충돌하는 것처럼 보일 때, 더 구체적인 규칙이 우선하며, 충돌은 보고되어 규칙이 수정될 수 있도록 합니다.