TIL_20221202_배포시 프론트 문제 트러블슈팅

오늘의 트러블 슈팅

(1)번 문제

1. 문제점

- 11월28일부터 원활하게 안되던 배포 문제가 있었다.

- 배포 문제는 복합적이었는데 배포 후에 서비스가 정상적으로 작동하지 않는 문제와 더불어서 aws에 프론트와 백을 분리해서 작동이 잘 안되는 문제가 있었다.

 

• (1)번째로 도커 배포 후에 서비스에서 이미지가 제대로 생성되지 않는 문제가 있었다. 이문제는 도커 컨테이너 안에 들어가서 폴더를 생성해서 해결했다고 생각했었다. TIL_20221128
• (2)번째로 프론트를 s3로 배포할 경우에 s3로 배포한 프론트에서 로컬에서 작동시킨 프론트와 다르게 작동하지 않고 있었다. 11월30일에는 팀프로젝트를 위한 기획회의가 길어져서 문제를 건들여보지도 못했고 이 문제는 11월 29일부터 12월1일에도 원활히 해결을 못하고 있었다.  TIL_20221129 /  TIL_20221201  

 

2. 몰랐었던 것 

- 로컬 프론트에서 정상적으로 작동하는 배포한 백엔드 서버가 배포한 s3나 아마존 클라우드프론트에서 정상 작동하지 않는 이유를 제대로 찾아내지 못했었다.

(+시도)

- 2일에 걸쳐서 해당 에러에 대한 구글링으로 수많은 글들을 읽어보았고 도커에서의 배포 문제라 생각하고 새로 aws 인스턴스를 열고 도커로 새롭게 배포하기도 하고 크롬의 캐쉬를 날려보기도 하면서 시도해봤으나 문제를 해결하지 못하고 있었다.

 

3. 어떻게 해결하였는지

- 결국 오늘은 튜터님께 가서 SOS를 치고 말았다.

- 프론트 html 에 있는 코드가 http request를 https 로 자동으로 업그레이드 해줘서 생기는 문제였다.

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

4. 이로부터 배운 것

- WIL_220919to220923 에 있었던 내용인데 문제 해결에 앞서 문제점을 정확히 정의해보자는 내용이었다.

 

• 어떤 것을 할때 실행에 앞서서 보다 문제점을 정확히 정의해보는 자세를 갖자
•  ex) 마우스가 끊긴다 -> 컴퓨터가 문제있나? 램을 확인해보고 크롬 캐쉬를 지운다 X -> 마우스 건전지를 교체한다. O

- 프론트에서 정상 작동하지 않는 문제를 다른 곳에서만 찾고 있었으니 해결이 될리가 만무했다. 조금 더 문제의 원인을 생각하고 이에 대한 노력을 했었어야 하는 문제였다고 생각이 들었다.

- 내가 짜지 않은 코드라 할지라도 html 을 포함한 모든 코드를 놓치지 않고 어떤 코드인지 이해하고 넘어갈 필요성이 있다. 

 

 

(2)번 문제

1. 문제점

- 위처럼 우여곡절 끝에 프론트와 백엔드 배포를 성공했는데 서비스가 11월28일에 생겼던 문제처럼 서비스에서 이미지가 제대로 생성되지 않는 문제가 계속적으로 발생하고 있었다. 해결한 문제점인줄 알았는데 같은 방법으로 시도해봤는데 정상적으로 작동하지 않고 있었다.

 

2. 몰랐었던 것 

- 로컬에서는 잘 작동하는데 서버에 올리면 제대로 작동하지 않는 이유에 대해서 모르고 있었다.

(+시도)

- 11월28일에 해결했던 방식으로 계속 시도해보고 인스턴스 2개에서 번갈아가면서 해보고 로컬에서 해보면서 문제에 대해서 파악을 해보려고 노력했었다.

 

3. 어떻게 해결하였는지

- 검색을 통해서 여러 글을 보다보니 문제가 어떤 코드상의 문제가 아니라는 생각이 들었고 생각해보니 이미지가 올라가는 속도와 딥러닝 모델이 작동하는 속도가 달라서 생기는 문제라는 가설이 생각났고 이 가설을 검증하기 위해서 화면이 리로드 되는 프론트와 함수가 바로 작동되는 백엔드에서의 시간차를 하나씩 주면서 해결해보았더니 작동이 되었다.

 

4. 이로부터 느낀 것

- 거의 일주일간의 배포에서 로컬에서 잘 작동하는 것들이 배포 환경에서 잘 작동하지 않는 것을 느끼면서 배포 환경에서 잘 작동하는 것이 쉽지 않다는 것을 느꼈다.

 

 

---

오늘 한일

- aws 배포 및 도메인 연결