1.기획분석 및 WBS 작성

전체 기획을 분석하여 프론트엔드에선 작업해야할 페이지를 나누고 백엔드에선 구현해야할 API 목록을 파악해서 WBS 문서를 작성했습니다.

2.인프라 설정

AWS Amplify를 통해 프론트엔드를 배포했습니다.

EC2를 통해 백엔드를 배포했습니다.

RDS를 통해 백엔드에서 사용할 DB를 구성했습니다.

S3와 Cloudfront를 연결해서 정적 리소스를 저장하는 스토리지를 구성했습니다.

가비아에서 구매한 도메인을 Route53을 통해 각각 프론트엔드와 백엔드에 연결했습니다.

3. 프론트엔드 폴더구조 설정

4.프론트엔드 허스키 설정

허스키를 통해 커밋을 할 때마다 eslint와 prettier를 실행하고 규칙에 맞지 않는 코드를 찾아 경고하도록 설정했습니다.

5.스토리북 설정

테일윈드 환경에서 스토리북을 사용하기 위해 .storybook 폴더에 css파일을 추가하고 App라우터 환경에 맞춰서

6.백엔드 CI/CD 설정

deploy.yml 파일을 통해 main 브랜치에 커밋이나 머지가 이루어질 때마다 빌드와 테스트 과정을 거치고 성공하면 EC2에서 변경사항을 pull하고 빌드해서 새로 실행하도록 설정했습니다.