본문 바로가기

TIL

TIL 060923

https://stay-present.tistory.com/14

 

[html] 브라우저 탭 아이콘 설정하는 방법 (a.k.a. favicon)

웹사이트를 접속하면 대부분의 경우 탭의 좌측에 작은 해당 웹사이트의 대표 아이콘이 있다. 이 아이콘은 Favicon 이라고 불린다 (favicon = favorite icon) 본 포스팅에서는 Favicon 과 Favicon을 웹페이지에

stay-present.tistory.com

https://www.favicon-generator.org/

 

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

파비콘 제너레이터 사이트에서 생성한 파비콘을 다운받은 후 포스팅에서 말한 대로 48의 배수 중 작은 96으로 적용!

<link rel="icon" href="/favicon-96x96.png" />

타이틀 위에 파비콘을 넣어줬다.


https://codens.info/1873

 

소스 맵 파일 없음 경고 처리 방법

* 크롬 에러 메시지 DevTools failed to load SourceMap: Could not load content for ...js.map HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE * 해결 방법 해당 파일을 수정 example.js.map이 메시지에 나왔다면 example.j

codens.info


https://velog.io/@jewon119/TIL00.-DRF-Pagination-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

 

TIL126. DRF : Pagination 적용하기

📌 이 포스팅에서는 Django Rest Framework에서 제공하는 PageNumberPagination, LimitOffsetPagination, CursorPagination를 적용시키는 방법에 대해 정리하였습니다. 🌈 Pagination 적용하기 > ##

velog.io

View 별로 Page 기반 Paginaton 적용시키는 방법
settings.py를 통해 전역으로 Default Pagination을 지정한 상태에서, API 별로 Pagination을 설정할 수 있다.

 

---> 지난번에 아티클 뷰에서 페이지네이션 코드를 쓴게 이걸 말하는 것 같다.

 

js에서 fetch할 때 ?page=2이런 식으로 맨 뒤에 페이지 넘버가 붙는다.

아무것도 없으면 1페이지. ?page=1이라고 써도 되긴 된다.

그러면 전체 게시글 중 각 페이지에 해당하는 게시글들이 지정한 개수만큼 response

 

fetch할 때 url을 관광지면 <관광지 페이지네이션 url>?page=1, 맛집이면 <맛집  페이지네이션 url>?page=1 이런 식으로 요청해야할 것 같은데 이렇게 url을 더 늘리는 것 말고 다른 방법은 아직 잘 모르겠다.

 

일단 다 불러오고나서 화면에 일부만 나타내는게 아니라 처음부터 지정한 개수의 리뷰만 받아야 한다는건 알겠다.

더 공부하고 고민해봐야겠다.


https://realcoding.tistory.com/2

 

장고(Django) :: dumpdata와 loaddata를 활용해서 데이터 옮기기

서론.장고(Django)를 통해 DB를 쓰다보면 여러가지 데이터를 옮겨야 하는 상황이 발생되기 마련이다. 예)1. 기존 테스트로 sql-lite로 개발을 하다가 런칭 시에 MySQL로 전환2. 로컬 MySQL에서 초기 세팅

realcoding.tistory.com


https://kim-harang.tistory.com/28

 

무료 픽토그램 사이트 [플랫아이콘(flaticon)] 사용법

이미지 제작이나 파워포인트 등에 사용되는 아이콘들을 무료로 다운로드할 수 있는 무료 픽토그램 사이트인 플랫아이콘(flaticon)을 사용하는 방법을 알아보겠습니다. 플랫아이콘(flaticon) 홈페이

kim-harang.tistory.com

그냥 바로 눈 앞에 보이는 버튼 누르면 되는건데 링크만 계속 복붙하면서 고생했다.


https://mmcode.tistory.com/27

 

Flaticon 플랫아이콘 웹아이콘

https://www.flaticon.com/icon-fonts-most-downloaded Free Icons and Stickers - Millions of images to download Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats www.flaticon.com Using W

mmcode.tistory.com

<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-solid-rounded/css/uicons-solid-rounded.css'>

헤드에 이걸 넣고 바디에 내가 원하는 곳에 <i class="fi fi-sr-user"></i>이렇게 아이콘을 넣어주면 색상, 호버 효과 등이 그대로 적용

'TIL' 카테고리의 다른 글

TIL 061323  (0) 2023.06.13
TIL 061223  (0) 2023.06.12
TIL 060823  (0) 2023.06.08
TIL 060723  (0) 2023.06.07
TIL 060523  (0) 2023.06.05