1️⃣ 로그인
로컬과 ubuntu 둘 다 로그인 성공 확인!
두 환경에서 api.js 코드 내의 내용이 달랐는데, 하나씩 확인해보자.
1. Django 8001 직접 연결
React 3000 → Django 8001 직접 연결 → 로그인 성공
const baseURL =
process.env.REACT_APP_API_BASE_URL?.replace(/\/$/, "") ||
"http://localhost:8001"; // Django 개발 서버 포트로 수정위 localhost 뒤 포트 번호를 8000에서 8001로 수정했더니 해결되었다.
- 백엔드 Docker는 원래 8001 포트에서 실행
- 로그인 화면/프론트엔드에서는 기본 8000 포트로 요청 → 연결 실패 발생
- 원인: 포트 불일치 → 프론트엔드에서 API 호출 시 서버가 없다고 판단
2.Nginx 내부에서 Django 연결
React 3000 → Nginx 80 → 내부적으로 Django 8001 → 로그인 성공
const baseURL =
process.env.REACT_APP_API_BASE_URL?.replace(/\/$/, "") || "http://localhost";- 프론트는 개발용으로 3000 포트에서 실행
- 백엔드는 8001(Django 개발 서버)에서 실행 중
- 하지만 실제 API 요청은 Nginx를 통해 포트 80으로 라우팅
- Nginx가 들어오는 요청(http://localhost/api)을 Django 8001 포트로 내부 전달(proxy)
- 브라우저 입장에서는 http://localhost/api → 포트 80
- 개발자는 Nginx가 포트를 대신 관리하므로 코드에서 포트 지정 필요 없음
즉, 포트를 안 쓰는 이유는 브라우저가 기본 포트 80으로 요청하도록 하고, Nginx가 내부에서 Django 서버 8001로 연결해주기 때문이다.
2️⃣ 새로운 팀 EC2 서버 세팅
새로운 EC2 접속
- VSCode WSL에서 SSH 키로 EC2 접속
- EC2 터미널에서 작업
Django 프로젝트 가상환경 생성
- Python 3.10 기준 venv 생성
- requirements.txt 설치 완료
- manage.py 있는 프로젝트 루트에서 migrate 시도
문제 발견
- Django manage.py migrate 실행 시 PostgreSQL 연결 실패
OperationalError: connection to server on socket "/var/run/postgresql/.s.PGSQL.5432" failed- DBeaver에서도 확인 →
Connection refused: getsockopt현재 상태
- DB 연결이 되지 않아 migrate/로그인 테스트는 일시 중단
- 앞으로 할 작업: PostgreSQL 서버 실행, 외부 접근 허용, Django settings 확인 후 migrate 재실행
3️⃣ 앞으로 할 일: 회원관리 페이지에 API 연결 로직 구현
길고 긴 로그인을 지나, 드디어 회원 관리 페이지 API 로직을 구현할 때가 왔다. 대화 신고 내역 API도 구현해야 하는데... 일단 회원 관리 화면부터 잘 해보자.
개발 데드라인이 얼마 안 남았는데~ㅠㅠ 파이팅!!
