React · Final Project

최종 프로젝트를 제품처럼 닫는 기준

최종 프로젝트의 완성도는 사용한 라이브러리 수가 아니라, 핵심 사용자 경로가 로딩·오류·빈 값·배포 환경에서 끝까지 동작하는지로 판단한다.

01

문제 고정

사용자가 어떤 일을 끝내는 앱인지 한 문장으로 정의한다.

02

수직 완성

목록, 상세, 작성처럼 한 흐름을 데이터와 화면까지 끝까지 연결한다.

03

실패 처리

느린 요청, API 실패, 빈 데이터, 잘못된 입력을 모두 화면 상태로 둔다.

04

제출 준비

배포 URL, 실행 방법, 주요 결정, 테스트 결과를 README에 남긴다.

사용자 흐름
핵심 여정 처음 온 사용자가 목표 행동을 완료할 수 있음
기능 수보다 완성도
State model
상태 책임 URL, 폼, 서버 데이터, UI 상태가 섞이지 않음
디버깅 가능
UI states
품질 화면 loading, empty, error, success가 모두 존재
성공 화면만 금지
Delivery
제출 산출물 빌드 통과, 배포, README, 테스트 또는 점검표
환경 변수 문서화

모바일 · 접근성 · 오류 점검

모바일 핵심 화면이 작은 화면에서도 겹침 없이 동작한다.
접근성 폼 label, 버튼 이름, focus 순서가 기본을 충족한다.
오류 API 실패와 잘못된 입력이 사용자 행동으로 이어진다.
재현성 다른 사람이 README만 보고 실행과 빌드를 재현할 수 있다.