nginx 502 에러, caught SyntaxError: Unexpected token '<' 트러블 슈팅

1. 첨에 아마존 로드밸런서가 443(80은 443으로 리다이렉트) 포트로 들어온 요청을 ec2에 80이 아닌 다른 포트로 요청을 보내도록 설정되어있었다. 팀원분께 부탁드려서 80으로 바꾸니 nginx에 정상적으로 접근은 되었다.

2. 접근 후에 프록시 서버를 띄워 ec2 내부 ipv4 주소의 특정 포트로 요청을 날리도록 설정했는데 잘 안됨. 그래서 그냥 nginx에서 자체적으로 인스턴스 내의 리액트 프로젝트 파일들을 제공하도록 root 경로와 index, try_files 들을 설정해줌

3. 근데 크롬 개발자 도구에서 네트워크 탭을 보니 압축된 js 파일들이 잘 안 가져와짐.. 그래서 여기를 참고해서 고침. index.html에서 script 태그의 href에 불필요한 값이 들어가있어서 그걸 지웠더니 해결됐음. 굿 ㅠㅠ

4. 프록시 부분은 적용하려면 좀 더 알아봐야할듯..?

5.(추가) 3번에서 PUBLIC_URL 부분을 지우지 않고, conf 파일에 location을 설정해서 원하는 nginx 디렉토리로 접근하도록 해줬음