풀스택
-
CORS 오류 해결(feat.REST API 통신 오류 )FullStack/Vue.js+Django 2021. 1. 3. 23:55
프론트와 백엔드를 REST API로 연결하여 개발할 때, 서버를 돌려 브라우저에서 확인해보면 CORS 오류를 마주할 때가 있습니다. Cross-Origin Resource Sharing CORS에러는 외부에서 다른 도메인이 내 로컬 서버에 데이터를 요청할 때 이를 허용하지 않아 생기는 오류입니다. 즉, Javascript의 동일 출처 정책에 따라 도메인이 다른 서버로부터 요청을 받으면, 보안 문제로 간주하여 CORS 이슈를 발생시키고 이를 차단합니다. 예를 들어 프론트(클라이언트) 서버는 localhost:8080이고 백엔드(외부) 서버는 localhost:8000이면, 포트가 달라서 CORS가 발생할 수 있습니다. 이러한 경우 외부 서버에서 보내는 요청의 헤더(Access-Control-Allow-Or..
-
프론트/백엔드 위치에서 git add 누락 시 => git add --all 사용FullStack/Vue.js+Django 2020. 10. 23. 07:25
사건의 발단 Visual Studio Code를 사용하여 프론트 경로에서 npm run serve로 서버를 실행시키고 백엔드 경로에서 python manage.py로 서버를 돌려서 개발 작업 후 백엔드 경로 위치의 터미널에서 git add/commit/push하고 develop브랜치로 머지했을 때 프론트의 개발 작업들이 하나도 update 되어 있지 않았다. 이처럼 프론트와 백을 동시에 작업할 때, git add에 누락이 생기는 경우가 있습니다. 예를들어, 현재는 백엔드인 Django폴더 위치에서 개발 중 git add .를 하는 경우입니다. git status를 찍어서 볼 수 있듯이 이 상태로 commit/push를 하면 프론트인 Vue폴더 내 수정 사항들은 누락되어 원격에 올라갑니다. 따라서 git ..