리액트 앱을 장고와 분리하여 실행할 수 있도록 한다

sparcs-kaist / otlplus

Online Timeplanner with Lectures Plus @ KAIST http://otl.kaist.ac.kr

33 stars 13 forks source link

리액트 앱을 장고와 분리하여 실행할 수 있도록 한다 #827

Open kimjson opened 3 years ago

kimjson commented 3 years ago

https://sparcs.slack.com/archives/C02CUCDL6CE/p1631426219046600

현재 리액트 앱은 빌드 후 장고 앱에서 STATICFILES_DIRS 를 지정하는 방식으로 제공되고 있는데, 이걸 별도로 띄울 수 있도록 합니다.

sso 로그인이 되지 않는 현상 해결
api 요청 시 제한된 도메인에 한해서 cors 허용
시간표 내보내기 등 다운로드 기능 안되는 문제 해결

등을 포함합니다.

kimjson commented 3 years ago

django 에 cors 설정하는 건 https://github.com/adamchainz/django-cors-headers 을 사용해보겠습니다.

kimjson commented 3 years ago

개발 환경 / 프로덕션 환경 간에 cors를 다르게 허용해주어야 해서 구분을 해야 하는데, settings.py 에 DEBUG 변수를 이용하면 될까요? @zealotzealot

kimjson commented 3 years ago

기존에는 장고와 리액트가 묶여 있어서 별도의 쿠키 및 토큰 처리를 해주지 않아도 알아서 인증 처리가 되었던 거 같은데, 이제는 분리되기 때문에 서버에서 인증 후 쿠키를 설정하거나 토큰을 리액트에 전달하는 과정이 필요합니다. 쿠키를 쓸 것이냐, localStorage를 쓸 것이냐는 결정해야 할 사항이긴 한데, 우선은 http only cookie 를 시도해보겠습니다.

kimjson commented 3 years ago

후 일단은 성공한 거 같네요