본문 바로가기

공부/타입스크립트로 함께하는 웹 풀 사이클 개발(React, Node.js)

프로젝트: 오픈소스 기반의 웹 파이프라인 구축(8)

웹 기반 문서 편집기 제작 프로젝트

강의 목표

React와 Express를 이용한 통합 프로젝트 수행

  • 지금까지 배운 기술을 활용하여 데이터베이스와 사용자 인터페이스를 포함하는 웹 응용 개발
  • 실제 사용을 염두해 둔 서비스를 개발 및 통합 (빌드, 테스트, 배포) 하는 과증을 자동화 파이프라인으로 구축

웹 개발 프로세스를 개발자 관점에서 이해

  • 소프트웨어 개발자로서 직접 맡아서 해야 할 일들과 그 범위
  • 타 팀 (예:DevOps)에서 수행하는 코드 개발 이외 업무에 대한 이해
    • 이것을 잘 알고 있는 것은 역할 정의 및 부드러운 협업과 효율 향상에 필요한 일
  • 프로덕션 환경을 고려한 응용 소프트웨어의 설계와 구현에서 염두해 두어야 할 점
  • 개발자로서 서로 다른 환경 구성에 주의해야 할 부분

학습 포인트

React 및 Express를 활용한 응용 프로그래밍 중점이 아님

  • 앞선 강의들과 프로젝트들을 통해서 익숙해져 있다고 가정

개발환경과 프로덕션 환경의 차이를 염두해 둔 프로그래밍은 중점에 해당

  • 웹 개발의 전체 싸이클을 한 프로젝트 내에서 경험하고자 하는 것이 이 과목의 주안점

CI/CD 파이프라인 구축 기법은 중점이 아님

  • 이에 해당하는 내용은 앞어서 '웹 개발 파이프라인 구축' 과목에서 학습한 것으로 가정
    • 잘 기억나지 않는 부분이 있다면 각 부분을 다시 참고하는 것 추천

CI/CD 관련으로 새로 도입되는 내용들이 있음

  • E2E 테스트, AWS 활용, 인프라 모니터링 ...

강의 흐름

  • 요구사항 분석과 구조 설계
  • 백엔드 상세 설계와 개발환경 셋업
  • 프론트엔드 상세 설계와 개발환경 셋업
  • 단위테스트와 컨테이너화
  • Selenium을 이용한 E2E (end-to-end) 테스트
    • 브라우저 자동화를 통한 사용자 인터페이스 포함 웹 응용 테스트
  • 배포 환경의 이해와 준비
    • AWS 클라우드 인프라를 이용한 프로덕션 환경 모사
  • CI/CD 파이프라인 구축
  • 모니터링 시각화

프로젝트 개요