221127_WIL
오늘한 일
- [항해 99] https 오류 해결
이번주 한 일
- [항해 99] 실전프로젝트 상세1 필터&마이페이지 구현 진행중
오늘의 배운 점
백엔드 팀에서 https로 배포를 성공했지만 그 이후 프론트엔드 쪽 부분을 작업하려고 하니 404 오류가 났다.
문제상황
- “https://배포된 주소/api/위치”의 형태일 때 JSON 로그 형태로 DB데이터가 나오지만, “https://배포된 주소”로 입력하면 404 오류가 난다
그렇다면 문제는 FE쪽에 있을 가능성이 높다. DB 데이터는 정상적으로 들어오고 있기 때문 - 팀원과 이야기해 본 결과 해당 부분은 프론트엔드 쪽에서 aws에서 추가 설정이 필요하다는 부분을 확인했다.(+구글링 결과 ssl 인증서를 추가해줘야한다고 함)
- 하지만 현재 당장 급하게 aws에서 추가 설치를 해줘야하는지에 대한 의문이 생김
- .env에서 주소를 새로 받은 주소로 바꿈
- 개발환경(localhost)에서도 404에러가 계속되는 상태
- localhost에서도
https 처리
를 해야한다는 사실을 확인함
- “https://배포된 주소/api/위치”의 형태일 때 JSON 로그 형태로 DB데이터가 나오지만, “https://배포된 주소”로 입력하면 404 오류가 난다
해결방안
:mkcert로 localhost SSL 인증서 생성하기
(mkcert는 개발환경에 SSL 인증서를 만들어주는 라이브러리)chocolatey 설치
필요(윈도우의 경우 – choco로 mkcert를 설치해주기 때문 +맥은 brew)- window의 경우 :
choco install mkcert
mac의 경우 :brew install mkcert
- 나의 경우 위 내용을 입력한 뒤 바로 DB데이터들이 화면에 나타났다.(야호!)
chocolatey 설치 방법
(이 부분의 경우 과거에 설치했던 chocolatey 때문에 오류가 났다. 당시 상태로는 설치가 되어있으나 choco를 검색하면 사용할 수 없다고 떠서 삭제를 진행했으나 로컬 환경에서 삭제가 되지 않아 cmd를 사용하여 삭제를 끝냈다.)powershell
오픈(chocolatey는 powershell에서 설치해야한다고 함. cmd 환경일 때 다른 내용을 입력함)- Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString(‘https://community.chocolatey.org/install.ps1’)) 입력
- choco를 입력하면 버전이 나오는지 확인
생각했던 대로 코드가 진행되지 않고 지저분한 코드들이 보기 싫어서 자꾸 작업을 미루게 된다. 모두 나에게서 나온 산물이건만.. 이렇게 손이 안갈수가..
그리고 담당했던 페이지에서 기능이 두 가지 정도 빠지게 되었는데 이렇게 빠지고 나니 담당하는 부분이 너무 적어져서 불안하다. 아마 개인공부를 하면서 추가적으로 이미지를 압축하는 방법 등을 공부하는 게 조금 더 도움이 될 것 같다. 뭔가 데이터를 효과적으로 관리하는 방법을 공부하고 작업해보고 싶은데 담당 받은 부분엔 그런 내용들이 없어서 무척 아쉽다. 욕심은 많은데 실력이 안되서 더 손이 안가는 것도 있지않을까 싶다. 최대한 이번달 안에(3일남음 ㅎ) 담당 받은 부분들을 1차적으로라도 표현을 해내고 싶은데 필터 칩부분이 아직도 뒷통수를 잡고 안놔준다. 필터 칩을 어떻게 해야 효과적으로 관리할 수 있을지 고민을 이어봐야겠다.
+최근 이후 면접을 대비해서 틈틈히 이론 공부를 하고 있는데 확실히 개념이 잡히면서 도움이 많이 되는 것 같다. 이때까지 얼마나 내가 대충 작업을 해왔는지 알게되는 것 같다. 목표는 두번 반복하기. TypeScript도 꼭 써봐야할 것 같다.
출처:
mkcert