Architecture

나는 회사에서 기본적으로 AWS를 사용하고 있기때문에 AWS 인프라 환경에서 서비스를 설정한다. 주로 프론트에서 설정하는 부분은 CloudFront, S3, Route53 등을 사용해서 프론트에 환경을 구성한다.
회사에서 AWS를 통해서 Client 설정한 아키텍쳐를 블로그로 작성해보려고 한다. Back과 소통하는 그림과 CI에서 테스트 코드를 실행하는 단계 등을 도식화 해봤다.

다이어그램

1. Web/Abb in React

저는 Front-end 개발자입니다. Html, CSS, JS를 활용해서 WEB/APP개발이 가능하고, React를 활용해서 조금 더 빠르고 쉽게 WEB/APP을 개발할 수 있습니다. 회사에서도 웹/앱 페이지를 React를 통해서 개발을 진행을 했다.

2. CI

코드관리는 깃허브를 통해서 관리를 합니다. 로컬환경에서 feature branch을 만들어서 기능단위에 개발을 진행하고 PR을 통해 리뷰를 받고, merge를 하면, Stage에 적용됩니다.
코드품질 및 사이드 이팩트를 줄이기 위해서, Test도 진행합니다. Test는 unit단위와 E2E test로 진행하고, 테스트 및 배포 자동화를 위해서 CI/CD 설정을 통해서 PR진행시 테스트 코드 동작, Stage에 merge에 되었을때 1번 진행을 하고, 코드 리뷰 및 테스트 코드에서 문제가 있으면, 다시 Feature에서 수정 후 진행하게 됩니다.

...작성중