-
4월 3일 TIL - html 작업카테고리 없음 2023. 4. 13. 21:07
▷ 오늘의 일정
09:10 ~ 12:00 장고 팀 프로젝트 - html 12:00 ~ 13:00 점 심 식 사 13:00 ~ 18:00 장고 팀 프로젝트 - html 18:00 ~ 19:00 저 녁 식 사 19:00 ~ 20:00 후발대 강의 20:00 ~ 21:00 하루 공부 내용 정리 및 TIL ▷ 오늘의 배움
- 장고에서 html 파일을 만들 때 css 파일은 templates와 같은 선상에 있는 static이라는 폴더에서 작업해주자! 그리고 sttings에게 현재 프로젝트의 static 파일들의 위치를 알려주자!
/settings.py STATIC_URL = '파일경로' STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),] # os를 사용하기 위해 상단에 import 해주기 /index.html {% load static%} # <head> 상단에 <head> <link rel="stylesheet" href="{% static 'css/style.css' %}"> #link로 css 파일을 불러올 때 장고 템플릿 문법인 {% static '파일 경로' %}로 사용하기 </head>- 폰트어썸(FontAwesome): 웹에서 아이콘이 필요할 때 사용되는 라이브러리이다. 다양한 아이콘들을 무료로 사용 가능하다.
- 역참조를 하고 싶다면 역참조를 할 테이블 뒤에 _set을 붙여 가져온다. 하지만 related_name이 지정되어 있다면 related_name 명칭으로 불러오면 된다.
- UK(Unique Key)는 단 하나밖에 존재하지 않는 키
▷ 오늘의 시도
오늘 html 파일을 다루면서 미리만들어진 템플릿을 사용했다. 아이콘의 색을 바꾸고 싶었는데 그 아이콘은 폰트어썸을 사용한것이었다. 무수히 많은 css에서 클래쓰명을 찾아 색을 바꿔보려고 했다. 찾았다 생각한 순간 바꿔도 바뀌지 않았고 새로운 아이디값을 주어서 스타일구역에 직접 등록해보기도 했다. !import도 사용해보고... 근데 뭐가 문제였던 건지 바뀌지않았다.. 결국 다시 색이 등록되어 잇는 클래쓰를 찾아 삼만리,,, 결국 발견했다. 나는 같은 아이콘으로 두개의 색을 주고 싶었기 때문에 클래스에 지정된 컬러값을 지우고 html 파일에서 직접 컬러 값을 주었다. 왜,,, css 최상위로 값을 주어도 안됐던걸까.. 여전히 미지의 세계다 배워야할 게 많은 css...
▷ 오늘의 한줄
기능은 어느정도 마무리가 되어 오늘은 템플릿을 손보았다. 역시 익숙하지 않는 건 어려운 법이지! 아자