어제 있었던 프론트 배포과정의 문제점(actions 시 권한이 퍼블릭으로 설정이 안돼 access denied가 뜸)을 해결하였다.
그 전 css나 js 파일은 자동 배포가 되지 않고 index.html만 변경되는 것에 원인이 됐던 main.yml의 --include 와 --exclude 코드가 아예 삭제 후 aws의 버킷정책을 변경하여 아예 퍼블릭 화 시켰다.
물론 aws에서 빨간 경고등을 주긴 하는데 보안상의 문제가 있지 않을까 싶은데 일단 후에 좀 알아봐야 될 것 같다.
하지만 하나 고치면 하나가 더 터지는 특성상... ㅋㅋ aws의 s3와 클라우드 프론트를 이용해서 배포 중인데 s3로는 변경된 코드가 제대로 들어가지만 클라우드 프론트로 배포연결이 되지 않았다.
찾아보니 예전 카카오톡 og이미지나 태그 변경 시켰을 때 저장된 캐시를 카톡에서 삭제시켜야 확인 가능했던 거랑 같은 느낌이었다.
결국 또 main.yml의 문제였고(그 전 수업때 이용했던 코드를 그대로 가져다 썼더니 문제가 있었다. 후엔 직접 문서를 보며 하나씩 추가할 수 있도록 해보자) 마지막에
- name: Invalidate cache CloudFront
uses: chetan/invalidate-cloudfront-action@master
env:
DISTRIBUTION: ${{ secrets.DISTRIBUTION_ID }}
PATHS: '/*' #이부분이 문제였다
continue-on-error: true
저 path 부분이 /* <- 이런식으로 전체가 체크 안되어 있어서 그랬었다.
무사히 해결하여 현재는 프론트부분의 aws의 s3 와 cloud front, git actions 를 이용한 자동배포를 완료 했다.
프론트 엔드 자동배포 완료.
백엔드 팀원분이 작성해주신 백엔드 api명세서(https://documenter.getpostman.com/view/18374883/UzQuNQdk)
를 서로 검토후 ajax를 통한 데이터 통신 해보기
중간에 필터 오류로 한참 고생했지만 결국 고친 후 명세서와 같게 데이터가 오고가는 걸 확인함