❗ 문제 해결

❗ 문제 해결/Web

[👾Troubleshooting] 동적 배포와 정적 배포 문제 (REACT)

React 프로젝트를 Docker와 Nginx로 배포하는 과정에서 404 오류와 외부 API 호출 문제를 겪어 남기게 된 글이다. 1. 문제1-1. 새로고침 404문제첫쨰는 새로고침했을 때 나타나는 404 문제다.React-Route을 통해서 서브 페이지를 만들어놓고, 사용자가 접속한 후 새로고침을 하면페이지가 404로 날아가버리는 문제가 있었다. 이는 톰캣과 같은 WAS에 정적 빌드파일을 올렸을 때 나타난 문제와 동일한데,404로 연결될 때 리다이렉트 주소를 React 주소와 맞춰주면 해결되는 요소다.하지만 본 프로젝트에선 WAS를 쓰지 않고 있음에도 나타난 문제다. 1-2. 외부 API를 못 읽는 문제문제를 인지한 건 프로젝트에 Chart.js와 같은 외부 라이브러리를 읽어온 뒤, 사용하는 과정에서 ..

❗ 문제 해결/Web

[👾Troubleshooting] Jenkins + Docker 빌드 시 환경 변수 누락 이슈

0. 들어가며사실 이걸 거창하게 "트러블 슈팅"이라 쓰긴 했지만, 이번엔 정말 바보 같은 실수를 했습니다.다시는 이런 실수를 반복하지 않기를 바라며 기록을 남겨봅니다..한마디로 수주대토 같은 짓을 해버렸군요..아래부턴 편한 어체로 작성해 보겠습니다.※. 마지막에 요약 있습니다!1. [기] 문제 인식Front 코드에서 API를 호출하는 데 사용하는 URL을 환경 변수로 처리해 두었다.그런데, 빌드한 후 웹 사이트에서 URL 경로를 계속 못 읽길래 환경 변수가 누락됐나? 하고 콘솔 로그를 찍어봤었다.이런 식으로..그랬더니 어머? 네.. undefined가 짜잔~ "undefined"는 정말로 메모리상에 존재하지 않는 데이터란 겁니다.네, 환경 변수가 제대로 읽히지 않았다는 이야기죠..2. [승] 문제 탐색일..

김비니
'❗ 문제 해결' 카테고리의 글 목록