[파이썬] django 프로젝트의 웹에 예쁘게 알림창 표출하기(sweetalert2)

가상환경에서의 장고 개발기

 

 

Html에서 버튼 클릭시, 알림창을 발생시키려 하는데 일반적인 알림창은 무난하고 다양하지 않아, sweetalert을 쓰기로 했다. 예전에 Java 프로젝트할때 써본 터라 익숙한 알림창

 

방법으로는 sweetalert을 가상환경에 설치하고 settings.py를 수정하는 방법도 있었지만

--> 시도하다가 자바스크립트에서 swal is not defined 이라는 에러가 자꾸뜨고, 자바스크립트에 있는 swal 을 정의하는 것도 낯설어서 포기

이 방법은 왠지 import를 이용하여 py파일에서 알림창 발생시킬때 쓸법한 방법으로 보였다.

(중도 포기한 이 방법은 하단에 작성)

 

 

결론은 sweetalert를 자바스크립트로 간편하게 구현하기로 함.

개발언어가 python이든 뭐든, django랑은 무관하다. 어느 언어에서든 이렇게 쓰면 되는 방법.

 

1. html 에서 예쁜 알림창의 자바스크립트를 불러온다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.5/sweetalert2.all.min.js"></script>

 

2. 자바스크립트에서 알림창 표출코드 작성

   Swal.fire({
    icon: 'success',                         // Alert 타입
    title: 'Alert가 실행되었습니다.',         // Alert 제목
    text: '이곳은 내용이 나타나는 곳입니다.',  // Alert 내용
});

 

3. 알림창 표출확인

 

 

 

 

---

sweetalert을 설치하여 파이썬에 예쁜 알림창 표출하기↓

1. 가상환경 확인

- 명령프롬프트를 실행시켜, 맨 앞에 ( 가상환경명 ) 이 있는지 확인

아니라면 가상환경에 진입하기

 

2. 가상환경이 설치된 위치로 이동해서 Script 폴더로 위치를 잡고, pip으로 sweetalert을 설치한다.

 

3. 장고프로젝트 config 의 settings.py에 해당 내용을 추가한다.

- INSTALLED_APPS = [ ]

"sweetify",

참고

https://stackoverflow.com/questions/74271156/django-why-sweetify-is-not-working-sweetalert2

https://stackoverflow.com/questions/74371181/in-django-i-use-sweetalert2