발견: 준용 (환경 구축 중) · 해결: PR #32 (BRAIN4-39)

Mac(M1 Air)에서 Tailscale VPN을 통해 WSL2의 프론트엔드/백엔드에 접근하는 원격 개발 환경 구축 과정에서 9건의 연쇄 이슈 발생.

이슈 1: Node.js 버전 불일치 — Node 18 → 22 업그레이드 (nvm)

이슈 2: npm 캐시 손상 — npm cache clean --force 후 pnpm 전환

이슈 3: Dev 서버 외부 접근 불가 — --hostname 0.0.0.0 추가

이슈 4: API 요청 실패 — .env.local에 Tailscale IP 설정

이슈 5: Django admin CSS 깨짐 — whitenoise 미들웨어 도입

이슈 6: CSRF/CORS 차단 — .env.docker에 Tailscale IP 추가

이슈 7: Pillow 미설치 — requirements.txt에 추가

이슈 8: 카카오맵 API 도메인 제한 — 개발용 도메인 등록

이슈 9: docker compose restart가 env 미반영 — down && up 사용

교훈: 원격 개발 환경은 네트워크(바인딩, CORS, 방화벽), 런타임(Node 버전), 서빙(static files) 3개 레이어에서 동시 이슈 발생. 레이어별 순차 확인 필요.