Develop / React
React
Root의 공개 화면을 React와 Next.js App Router 위에서 일관되게 구현하기 위한 출발점입니다.
01 / Start
화면에서 시작합니다.
구현 기준은 문서의 설명보다 실제 공개 화면에서 먼저 확인합니다. Root의 React 경로는 현재 저장소의 App Router 안에서 페이지와 공용 컴포넌트를 조합해 구성합니다.
02 / Principles
구현의 기준
- 같은 판단을 재사용
- 반복되는 화면 문제는 한 페이지의 예외가 아니라 공용 컴포넌트와 명확한 규칙으로 남깁니다.
- 작은 변경부터 검증
- 새로운 화면은 실제 경로와 좁은 변경 범위로 시작하고, 데스크톱과 모바일에서 읽기 흐름을 확인합니다.
- 접근 가능한 기본값
- 링크, 메뉴, 현재 위치, 키보드 초점은 시각적 장식이 아니라 기본 동작으로 함께 구현합니다.
03 / Public scope
공개 가능한 기준만 남깁니다.
이 문서는 내부 운영 데이터나 검증되지 않은 사용 예시를 노출하지 않습니다. 더 구체적인 컴포넌트 사용 기준은 Components에서, 자동화 경계는 AI Skills에서 순차적으로 연결합니다.