HTML
-
[HTML/CSS] 웹 개발 - 무료 아이콘 삽입하기 / 사이트 추천(fontawesome)웹사이트 개발 2024. 3. 26. 20:19
깔끔한 UI를 제공하는 아이콘 사이트를 소개한다. 주소는 아래와 같다. https://fontawesome.com/icons Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com HTML에서 아이콘을 삽입하기 위해 아래와 같이 스크립트 관련 코드를 삽입해준다. 아래는 5.15.3버전을 이용한 것임을 참고바란다. 실제로 사용할 때에는 아래 코드를 이용한다. fa-music이라 되어 있는 부분에 아이콘의 모양을 넣으면 되고, fa-stack-1x 와 fa-invers..
-
[Django] HTML에 이미지 추가하기 / static 이미지 HTML에 띄우기웹사이트 개발/Django 2022. 7. 30. 19:35
HTML에서 원래 이미지를 넣듯이 코드를 작성한 후 runserver시키면 Django에서는 이미지가 깨져서 나타난다. 그래서 이미지를 넣을 때에는 static이라는 폴더를 따로 형성하고 경로 지정을 해주는 작업이 필요하다. 1) settings.py settings.py 파일 내, SATIC_URL = '/static/' 아래에 다음과 같은 코드를 붙여넣는다. STATICFILES_DIRS=[ os.path.join(BASE_DIR,'myprofile','static')] STATIC_ROOT = os.path.join(BASE_DIR, 'static') 그러면 os에 에러가 뜰텐데, import os를 해줌으로써 해결해준다. urls.py 이후, urls.py에서 아래와 같은 코드를 추가한다. url..