[19주차 - DAY2] 웹 기반 문서 편집기 제작 프로젝트(1)

 

 

전체 구성

Frontend

• React 사용
• 백엔드로 향하는 API 호출은 브라우저의 js 실행에 의해서 이루어진다.

Backend

• Express 사용
• JWT를 이용하여 사용자 인증
• CORS 정책을 통해 접근 제어

DB

• 'prgms_notes'라는 이름의 DB에 두 개의 테이블 포함

 

모델 아키텍처

• Frontend URL: https://notes.prgms-fullcycle.com
• Backend URL: https://notes.prmgs-fullcycle.com/api
• DB host/port: notes.prgms-fullcycle.com:3306

 

 

테스트

아래로 갈수록 테스트 자동화가 중요해지며, 직접 손으로 해야 할 일은 줄어들지만 시간은 더 소요된다.

Dev

• 코드 개발
• 단위; 테스트
• FE/BE 개별 테스트
• 수동 사용자 테스트

Dev docker

• BE부터 dockerize, docker compose
• 빌드된 코드를 이용하여 컨테이너 테스트

Test (Local k8s)

• kubectl + yaml으로 클러스터 운용 테스트

Stage (AWS)

• Acceptance Test
• 테스트 종료 후 파괴

Prod (AWS)

• Smoke Test
• 서비스 제공