Django fontawesome-free 5.15.4 설치 및 사용 방법

기존엔 cdn을 적용하는 방식으로 fontawesome을 간편하게 사용해왔지만 이번 Django 템플렛 환경에서 사용하니 계속해서 실패를 거듭했다.. 그래서 fontawesome 패키지를 설치해서 사용해볼 것이다.

1. 패키지 파일 다운로드

fontawesome 홈페이지에서 원하는 버전의 패키지 파일을 다운로드 받는다.

2. 패키지 설치

fontawesome-free 5.15.4 버전의 패키지를 설치한다.

pip install fontawesome-free

3. 설치된 패키지 확인

pip list | grep fontawesome

4. 버전 적용

requirements.txt 파일을 실행시켜 fontawesome-free==version_number를 적용해준다.

5. 설치한 패키지 연결

settings.py 파일을 실행시켜서 INSTALLED_APPS내에 'fontawesome-free'를 적용해준다.

import sys
 sys.modules['fontawesome_free'] = __import__('fontawesome-free')

INSTALLED_APPS = [
  'fontawesome-free'
]

유의사항
django 템플릿을 활용하여 static을 사용하려면 load가 필요하기 때문에 반드시 폴더명과 일치한 이름으로 작성해줘야 한다.

6. head 사이에 필수 파일 연결

<link href="{% static 'fontawesome_free/css/all.min.css' %}" rel="stylesheet" type="text/css">
<script src="{% static 'fontawesome_free/js/all.min.js' %}"></script>

유의 사항
django 템플렛을 활용해서 static을 연결하기 위해선 반드시 load를 적용해줘야 한다.
html의 제일 상단에 load static를 입력해준다.

{% load static %}

참고 사이트
https://pypi.org/project/fontawesome-free/
https://docs.fontawesome.com/web/use-with/python-django/