응용 구조 설계

프론트엔드

• React 응용으로 만들어져 UI 에 해당하는 부분을 서비스
• 백엔드로 향하는 API 호출은 브라우저의 js 실행에 의해서 이루어짐 <- 이 코드를 FE 가 제공

 

백엔드 

• Express 응용으로 만들어져 데이터베이스를 이용한 데이터 모델을 서비스
• JWT(JSON Web Token) 를 이용한 사용자 인증을 통해 데이터 접근을 보호
• CORS(Cross-Origin Resource Sharing) 정책을 통해 악의적인 접근을 방지

 

데이터베이스

• "prgms_notes" 라는 이름의 데이터베이스에 두 개의 테이블을 포함

 

개발 환경의 운용

• 개발 단계에서 빠르게 코드의 동작을 확인할 수 있는 것이 중요
• TDD 를 적용함으로써 효율을 상당히 높일 수 있음
• 따라서, 코드의 동작을 눈으로 확인할 수 있는 환경을 구축하는 것이 필요 

 

테스트 계획

단위 테스트

: 모듈 단위를 독립적으로 테스트할 수 있도록 mock 을 이용

: 테스트 케이스를 철저하게 만들어 둘수록 나중에 큰 도움이 됨

 

통합 테스트

: 요소들 사이의 통합이 올바른지를 테스트할 수 있는 방법을 계획하고 적용

: 자동화 방법에 대해서 고민해 볼 필요 ( 특히 데이터베이스 상태 관리 방법에 주의를 기울여야)

 

인수 테스트

: 이 프로젝트에서는 Selenium 을 이용한 E2E(end-to-end) 테스트를 적용해보기로

 

스모크 테스트

: 배포 상태가 올바른지만 검사 

: 이 프로젝트에는 적용하지 않음

---

🌟 배운 점

개발을 시작하기 전에, 계획을 세워야 하는 부분이 정말 많다는 것을 깨닫게 되었다. 나는 이전에 개발을 할 때 그냥 어떤 언어로 개발을 할거고, 화면 구성을 어떻게 할 지 정도만 정했던 것 같은데 생각보다 정말 생각해야 되는 부분이 많다는 것을 알게 되었다. 이전에는 너무 체계적이지 못하게 개발을 했던 것 같아, 앞으로 프로젝트를 한다면 개발을 시작하기 전에 계획을 좀 제대로 세워야겠다는 생각이 들었다. 실제로 이전에 프로젝트를 하면서, 서로 소통이 제대로 되지 않아서 문제가 됐던 경우가 많아서 앞으로는 계획을 문서화 하는 연습을 해야겠다.