React · Final Project

최종 프로젝트의 품질 체크포인트

최종 프로젝트는 배운 기능을 모두 넣는 전시장이 아니라, 사용자 경로 하나를 끝까지 완성하고 실패 상황까지 닫는 작은 제품으로 보는 편이 낫다.

01

문제 정의

누가 어떤 일을 더 쉽게 하려는 앱인지 한 문장으로 고정한다.

02

화면 설계

목록, 상세, 작성, 설정 중 필요한 화면만 route로 나눈다.

03

상태 설계

폼 입력, 서버 데이터, UI 열림 상태를 다른 저장 위치로 분리한다.

04

완성 검증

빈 값, 오류, 권한 없음, 느린 네트워크에서 흐름이 끊기지 않는지 본다.

MVP
작은 완성 주요 사용자가 실제로 끝낼 수 있는 한 경로
기능 수보다 마감 품질
Data
원본과 캐시 서버 상태와 입력 중인 임시 상태를 구분
중복 저장 한계
UX states
상태 화면 loading, empty, error, success를 모두 설계
성공 화면만 만들지 않기
Release
제출 가능한 산출물 빌드 통과, 배포 URL, 실행 방법, 테스트 결과
환경 변수 문서화

사용자 경로 · 실패 상황 · 반응형 점검

사용자 경로 처음 방문한 사용자가 안내 없이 핵심 행동을 끝낼 수 있다.
실패 상황 API 실패, 잘못된 입력, 빈 목록이 모두 화면으로 처리된다.
반응형 모바일과 데스크톱에서 텍스트와 버튼이 겹치지 않는다.
제출물 README에 실행, 빌드, 배포, 주요 결정이 정리돼 있다.