[Error Handling] AWS https ec2 배포 문제:502 bad gateway

> ### 어떤 에러인가요?
> AWS https ec2 배포 중 502 bad gateway 에러

> ### 에러 메시지
> ```shell
> $ 터미널의 에러 코드를 여기 넣어주세요.
> ```
>
> ### 에러 핸들링 방법
> * 핸들링 방법에 대해서 간단하게 기록해보세요.
>
배포 초기 상태
[1차 시도]

인스턴스는 탄력적 IP 주소 사용 중

pida.link 도메인 구입.
ACM 인증서 발급 완료., (도메인은 pida.link, *.pida.link 2개 있습니다.)

로드 밸런서 생성 시 유형은 application load balancer 를 택했습니다.

1단계: Basic configuration
Load balancer name: pidaELB로 설정.
scheme, IP 주소 유형은 각각 인터넷 연결, IPv4로 설정했습니다

네트워크 매핑: VPC는 기본으로 설정되어 있는 값을 택했고(하나밖에 택할 수 없었음)
매핑의 서브넷은 모두 체크했습니다

보안 그룹: EC2의 보안 그룹과 default 보안 그룹 모두 선택했습니다

리스너 및 라우팅 설정에서 대상 그룹 생성을 눌렀습니다.

이후 Basic configuration에선,
Target group name: ec2instance 이렇게 이름만 설정하고 나머지 설정은 하지 않았습니다

Advanced health check settings에선 성공 응답 코드만 201로 수정했습니다
그리고 등록을 눌렀을 때 pending 상태로 떴습니다.

다시 로드밸런서 생성 설정- 리스너 및 라우팅에서
생성한 대상 그룹을 80, 443 포트에 모두 할당했고 다른 추가 설정 없이 로드밸런서를 생성했습니다.

로드밸런서 설명 탭:
DNS 이름에 적혀있는 주소로 들어가면 not found라고 뜹니다.

이후 route53으로 바로 들어갔습니다
호스팅 영역 > 레코드 생성 >
레코드 이름은 server.(점이 생겼네요.)
트래픽 라우팅 대상에는 생성해 준 로드 밸런서 할당했습니다.

그리고 접속 주소는 레코드 표에서 server.pida.link 로 만들어준 주소를 창에 쳤고,
테스트용 주소는 /test 였기에 server.pida.link/test로 접속했을 때, hello world 가 뜨는 것을
확인할 수 있었어요.
https 자물쇠 모양도 확인 했습니다.!!!!!

근데 ec2 껐다가 켜고 난 후 server.pida.link로 접속 시 502 bad gateway가 떴다.

기존 ec2 엔드포인트 접속: http, https 둘다안됨

=> 사이트에 연결할 수 없음 xxxxxxxxxxxx에서 연결을 거부했습니다.

ELB DNS로 각각 http https 접속되는지 확인하기
=>둘다안됨.
특히 https 접속 시도 시 아래와 같이 뜹니다.
연결이 비공개로 설정되어 있지 않습니다.
공격자가 xxxxxxxxxxxxxxxxxxxxxxx에서 정보(예: 비밀번호, 메시지, 신용카드 등)를 도용하려고 시도 중일 수 있습니다. 자세히 알아보기
NET::ERR_CERT_COMMON_NAME_INVALID

아고라스테이츠 레퍼런스를 보고 몇가지 사안을 체크해봤습니다
클라이언트 https는 pida.ga이고 서버는 server.pida.link로 도메인을 등록한 상태라 도메인은 같지 않음

문제의 원인: 서버 포트 인바운드 규칙은 80번으로 되어있는데 EC2 app.js 코드에 4000번 포트로 설정되어 있었음..
**80번으로 고치니까 해결됐다..****
**** 결론: 포트번호 똑바로 설정해라. 그리고 프론트단이랑 따로 도메인 주소 구매해야함. 이거 몰라서 두시간 헛으로 날림 다음부턴 절대 이러지 말기**

이제 쿠키 설정 잘 해주는것만 남았음.
>
> ### 에러 핸들링을 위해 참고한 레퍼런스 링크
> https://aws.amazon.com/ko/premiumsupport/knowledge-center/load-balancer-http-502-errors/
> https://github.com/codestates/agora-states/discussions/2276