[Django] 파일 업로드 글로벌 서비스 구현하기

https://github.com/JiYoungDo/Capstone-Design

 

✏️  Rough Logic

사용자는 json 파일을 업로드를 한다.

json 파일을 업로드 받으면 "짠 알고리즘"을 돌려서, "first_send" 와 " last_recv" 를 알아낸다. 

사용자가 해당 값을 저장한다는 버튼을 누르면, 이 두가지 값(first_send, last_recv)을 갖는 클래스(모델)로 저장한다.

사용자는 해당 데이터마다 이름을 붙여서 각각 저장할 수 있다. 

저장한 값들을 통해서 그래프를 그릴 수 있다. 

☇

 아니면, 어레이를 담는 한 객체를 만들고 거기에 원하는 값들을 모두 넣으면 그 객체에 대해서 그래프를 모두 그리는건? 그게 깔끔할것 같은데?

 

아하...로그인도 있어야 겠다. 아무나 와서 파일 다 업로드 하면 모두의 데이터가 싸일테니까. 

어레이를 담는 한 객체에 비밀번호 설정..은..?

 

 

👩🏻‍💻 과정

■ url 설정 및 html 설정

어떤식으로 호출 되는가!

 

■  업로드 받은 파일을 답을 '/media/'

settings.py

import 시에 주의! 

 

■  FileSystems Storage

관련된 여러 메소드 (save, delete ..) 는 아래 참고에 적어 놓은 "docs.djangoproject.com" 여기에 아주 자세히 적혀있으니, 

메소드의 바이블? 이라고 생각하며 참고하면 도움이 많이 된다!!

 

요 FileSystemsStorage의 장점으로는 같은 이름, 같은 파일을 업로드 할 때에 기존 파일을 오버라이딩 하지 않는다는 점이 있다. (예를 들어 설명하면 첫번째로 cat1.png 를 올리고 두번째로 똑같은 것을 올리면 두번째로 올린 파일 명은 랜덤으로 처리된다.)

 

 

■  PythonAnywhere 가상 머신에도 똑같이 해준다! 그래야 글로벌 서비스가 가능하니까!

우선 로컬에서 작업한 것을 자신의 레포지터리에 푸시해주고, 

PythonAnywhere 가상 머신에서 pull 해준다음, manage.py 를 migrate 해주면 된다.

 

아래 사진에서처럼 대시보드 "Files" 에 들어가있는 내가 저장한 이미지 파일이 있는 것을 확인할 수 있다.

json 도 png 도 잘들어간다. (json 이 주 목적)

 

그 누구나 아래 링크를 들어가면 아래 사진 같은 귀여운 체리(우리집 냥이🍒) 를 볼 수 있습니다.

📌 장고의 media url을 설정해 놓았기 때문입니다!  아래 부분! 

주의할점! 디렉토리 명이 media 여서 그 디렉토리로 접근하는 개념이 절대 절대 아니랍니당) 

 

MEDIA_URL = '/media/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

 

(TMI ) VS Code 복붙 색이 너무 이쁘네요. 

http://carrie.pythonanywhere.com/media/wink.png

 

 

 

또한 views 에서 이미지를 저장할 때 해당 url 을 변수에 넣어 빼서, 렌더링시 html 에 보내주고, 

html 에서 아래와 같이 작성 하면 아래 사진처럼 클릭하면 사진을 볼 수 있게도 할 수 있다. 

{% if url %}

<p>Uploaded file : <a href="{{url}}">{{ url }}</a></p>

{% endif %}

 

---

👓 참고

https://www.youtube.com/watch?v=Zx09vcYq1oc&t=914s 

https://dontdiethere.tistory.com/43

https://docs.djangoproject.com/en/3.2/

 

 

🕶 이런 것도 있다! 나중에 참고(Django 로 차트 그리기)

https://dowtech.tistory.com/3