🔥 TIL - Day 22

📌 Github Action (S3, CloudFront)

배포 준비를 프로젝트 막바지에 준비하면 그때 많이 눈물을 흘릴 것 같아서 미리 준비를 시작했다.

눈물을 먼저 흘렸다...

가장 먼저 프로젝트의 정적 리소스를 S3에 올리고 웹 호스팅 설정을 하고 CloudFront를 통해 접근하는 것을 Github Action 스크립트을 통해 자동화한다.

.github/workflows/front.yml 에 배포 스크립트를 작성한다.

[ main 브랜치에 push 될 때 스크립트를 실행 ]
on:
  push:
    branches:
    - main

이제 jobs 아래에 배포를 위한 일련의 step을 설정한다.

jobs:
  build:
    runs-on: ubuntu-latest
    env:
      # IAM key 세팅 [ repo - settings - secrets - new repository secret ]
      AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
      AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
      AWS_REGION: 'ap-northeast-2'
    
    
    steps:
      # 배포를 위한 job이 수행될 가상머신에 대한 설정
      - name: Checkout source code.
        uses: actions/checkout@master      
      
      # flask의 templates와 static 폴더를 S3에 업로드 한다.
      - name: upload html css js file to S3
        run: |
          aws s3 sync ./templates s3://todaylaw-s3/templates --acl public-read
          aws s3 sync ./static s3://todaylaw-s3/static --acl public-read       
         
      # 기존에 CloudFront에 캐싱된 정적 리소스들을 삭제하는 기능을 수행한다.
      # 새롭게 S3에 업로드된 리소스를 캐싱하기 위함이다.
      - name: Invalidate cache CloudFront
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
        run: |
          aws cloudfront create-invalidation --distribution-id ${{ secrets.DISTRIBUTION_ID }} --paths "/*"

휴 ...

📌 2차 프로젝트 투데이 구현 이슈

어제에 이어서 기존 기능에 인증을 추가하고 조금 보완하는 이슈이다.
기존에는 동일한 사용자가 계속해서 좋아요를 누를 수 있는 상태였는데 한 번 누르면 좋아요 두번째 누르면 좋아요가 취소 되도록 처리했다.

        if id_receive in like_laws: # 좋아요가 이미 눌린 법안인 경우
            # 사용자의 좋아요 목록에서 제거
            db.users.update(
                {'user_id':user['user_id']},
                {'$pull':{'like_laws':id_receive}}
            )

            # 좋아요를 감소시키는 부분
            likes = db.ranking.find_one({'id': id_receive})
            current_like = likes['like']
            new_like = current_like - 1
            current_hate = likes['hate']
            db.ranking.update_one({'id': id_receive}, {'$set': {'like': new_like}})
        else: # 좋아요가 처음 눌린 법안인 경우
            # 사용자의 좋아요 목록에 추가
            db.users.update(
                {'user_id': user['user_id']},
                {'$push': {'like_laws': id_receive}}
            )

            # 좋아요를 증가시키는 부분
            likes = db.ranking.find_one({'id': id_receive})
            current_like = likes['like']
            new_like = current_like + 1
            current_hate = likes['hate']
            db.ranking.update_one({'id': id_receive}, {'$set': {'like': new_like}})

        return jsonify({'id': id_receive, 'like': new_like, 'hate': current_hate})

싫어요 또한 완전히 똑같은 로직을 사용해서 구현했다.

어제 mongoDB 때문에 조금 고생을 하니 오늘은 나름 즐거운 구현이 가능했다 😁 ㅎ 😆

발전했다!!!!!!!