20일 차

오늘 한 것

• develop-fe 브랜치 자동 배포 설정
• Slack에 pipeline 결과 Webhook 걸기
• 웹소켓 연결 오류 해결
• 무중단 배포 도전

어려웠던 점

• 자꾸 [ERROR] WebSocket connection to ‘wss~’ 라는 에러가 뜨는데 이걸 못보고 그 밑의 hmr을 수정하라는 오류를 보고 그걸 고치느라 오래 걸림. hmr 설정을 하면 무한 새로고침이 됐다.
• 무중단 배포 자체

새로 알게 된 점

• Nginx 웹소켓 연결
  • https://blog.naver.com/hsmang/221837039250
  • nginx default.conf에서 아래의 내용을 추가함

    #Websocket Setting
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";

  • HTTP에서 WebSocket으로 연결을 업그레이드 할 때 업그레이드 및 연결 헤더를 사용함.
  • Nginx는 클라이언트의 Upgrade 요청을 Upgrade하고 Connection 헤더를 Upgrade로 명시적으로 설정하는 것임
  • https://nginxstore.com/blog/nginx/websocket-proxy-%EB%A1%9C-nginx-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/
• 자동배포를 따로 하는 게 아니라 수동 배포에서 GitLab으로 Webhook만 걸면 되는 거였음

내일 할 것

• 무중단 배포 성공