장고

개발 일지 17 - CSS 폰트 추가 + 배포 공부

sorecord 2024. 8. 31. 13:51

 

사이트 로그 글씨가 밋밋해서 폰트를 추가하는 방법을 찾아보았다.

 

google font라는 사이트를 찾아가서 사용을 하면된다. 

 

https://fonts.google.com/?lang=ko_Kore

 

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

원하는 폰트를 선택하고 get font를 클릭한 후  get embed code에 들어가면 코드가 쫙 나열이 되어있을 것이다. 

 

그리고 아래와 같이 코드를 추가해주면된다. 

 

<head>
    
    <link rel="preconnect" href="https://fonts.g........">
    <link rel="preconnect" href="https://f....." crossorigin>
    <link href="https://fonts.googleapis.com/......" rel="stylesheet">

 

html파일의 head부분에 넣어주고 폰트를 사용하고 싶은 문구에 아래 코드와 같이 사용을 해주면된다.

 

<a href="{% url 'index' %}"style="font-family: 'Gugi' ;">폰트 적용</a>

 

저작권 문제는 따로 찾아봐야 할 것 같다.

 


프로젝트의 최종 목표는 배포까지 생각을 하고 있다. 

배포와 관련해서 정리를 좀 해보았다.

 

그 전에 동기와 비동기에 대해 알아야 한다. 


동기 - synchronous

 

작업이 순차적으로 이루어지는 것을 말한다. 즉, 한 작업이 시작되면 끝날때까지 기다려야 한다는 것.

시간 소요가 길어질 수 있고 프로세스의 성능이 저하될 수 있다.

 

비동기 - asynchronous

 

동기의 반대이다. 작업의 독립적으로 실행된다. 굳이 한 작업이 끝날때까지 기다릴 필요가 없다는 것.

 

동기와 비동기의 선택은 프로그램의 요구사항과 성능에 따라 달라진다.

동기 방식은 간단하고 직관적인 코드 작성이 필요한 경우 적합.

비동기 방식은 병렬 처리와 응답성 향상이 필요한 경우에 유용.

 


 

위의 동기와 비동기에 대하 알아본 이유는 배포와 관련이 되어있다.

 

CGI ( Common Gateway Interface) 

외부 애플리케이션과 웹 서버와 연결할때 사용하는 인터페이스 

 

서버에서 요청이 들어온다. 요청을 웹 애플리케이션(나의 경우는 장고)로 넘겨줄 수 있어야 한다. 하지만 만약 서버마다 애플리케이션 언어마다 다른 형태를 가지면 복잡하고 일이 번거로워질 것이다.=> 공통의 표준 인터페이스가 필요!

 

그게 CGI이다.

 

파이썬은 파이썬만의 CGI가 있다. WSGI, ASGI이다. (CGI와 차이가 있다.)

 

WSGI - 웹 서버와 애플리케이 사이의 통신을 위한 파이썬 표준

 

HTTP 스타일 => request/response 형식에 고정 즉, 단일 처리만 가능한 동기 호출 방식

 

 

ASGI - WSGI와 비슷하게 통신을 위한 것이다. 차이점은 비동기 표준

 

send/receive 로 되어 있어서 비동기적으로 이벤트 처리가 가능하다. 

 

위의 내용을 이용해서 배포를 진행해야 한다. 

이 배포에 관련된 내용은 아래 블로그를 참고하여 작성했고 공부를 위해 내가 간단히 정리를 해둔 것이다.

만약 이 부분이 문제가 된다면 삭제하겠습니다.

 

https://velog.io/@hwaya2828/WSGI-ASGI

 

WSGI & ASGI

WSGI & ASGI 란?

velog.io

https://won-percent.tistory.com/150

 

동기(Synchronous)와 비동기(Asynchronous)의 차이가 뭔가요?

안녕하세요 동기(Synchronous)와 비동기(Asynchronous)는 프로그래밍에서 중요한 개념으로 오늘 한번 정리해보려합니다. 이 두가지 개념은 다양한 애플리케이션과 시스템에서 사용됩니다. 이들 개념을

won-percent.tistory.com