React·Node.js·AWS를 함께 썼다는 사실만으로 프로젝트 성과가 정해지지는 않습니다. 세 기술의 역할과 사용자가 누르는 버튼부터 서버 응답까지의 흐름을 설명할 수 있어야 합니다. 처음에는 작은 기능 하나를 완성하고 그다음 배포·운영 요소를 추가하세요.
화면에서 요청까지
React에서는 입력, 로딩, 성공, 오류 상태를 구분해 보여 줍니다. React 공식 학습 안내는 컴포넌트와 화면 상태를 설명합니다. 예를 들어 할 일 목록을 만든다면 저장 중 중복 클릭을 막고 실패했을 때 다시 시도할 수 있게 구성하세요.
API와 데이터 검증
Node.js는 브라우저 바깥에서 JavaScript를 실행해 HTTP 요청을 처리할 수 있습니다. Node.js 공식 학습 자료에서 HTTP·비동기 처리·테스트를 확인할 수 있습니다. API 입력을 서버에서도 검증하고, 잘못된 요청에 일관된 오류 응답을 돌려 주세요. 클라이언트 화면에서 버튼을 숨기는 것만으로 권한 검사가 되지 않습니다.
배포 환경과 비용
AWS에 올릴 때는 정적 파일과 API, 데이터 저장소가 각각 어디에 있는지 구성도를 그립니다. 공개 URL, 비밀 설정, 로그, 배포 실패 시 되돌리는 방법을 기록하세요. AWS 웹 애플리케이션 호스팅 안내는 설계 시 검토할 구성 요소를 보여 줍니다. 학습용으로 모든 서비스를 사용할 필요는 없으며 예상 비용을 먼저 계산해야 합니다.
포트폴리오에 남길 결과
기술 이름 목록보다 요청 흐름 그림, API 예제, 테스트 방법, 배포 절차, 발견한 한계를 담으세요. 측정하지 않은 속도 향상이나 사용자 수를 성과처럼 쓰지 않습니다. 직무별 배치 순서는 직무별 IT 포트폴리오 가이드를 참고하세요.