Django 로 게시판 만들기(8). 회원가입 페이지 구현을 위한 static 폴더 생성 및 적용하기

.·2020년 7월 24일
0

게시판만들기

목록 보기
8/21

1. CDN 이란

콘텐츠 전송 네트워크(Content delivery network 또는 content distribution network (CDN))는 콘텐츠를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템을 말한다. 인터넷 서비스 제공자에 직접 연결되어 데이터를 전송하므로, 콘텐츠 병목을 피할 수 있는 장점이 있다.

CDN의 목적은 높은 사용성과 효율로 사용자에게 컨텐츠를 전달함에 있다. CDN은 오늘날 인터넷에 존재하는 컨텐츠의 상당수를 서비스하고 있는데 이에는 웹 요소 (텍스트, 그래픽, 스크립트), 다운로드 가능한 요소 (미디어 파일, 소프트웨어, 문서), 애플리케이션 (전자상거래, 포털), 실시간 미디어, 주문형 스트리밍, 그리고 소셜 네트워크 등이 있다.

부트스트랩이 그 대표적인 예이다. 부트스트랩을 사용할 때 코드를 보자.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" 
crossorigin="anonymous">

미국의 서버를 이용하는게 아니라 실제 사용하는 곳에서 가까운 서버에서 데이터를 제공받을 수 있다.

2. app 에 static 폴더 생성하고 setting 하기

이제 직접 css 를 관리해 보기 위해, member 앱 내에 static 폴더를 생성해 준다.

config 폴더 내 settings.py 의 맨 아래에 코드를 입력한다.

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

내가 장고로 css 파일에 접근했을 때 그 파일이 어느 폴더, 어느 경로에 있는지 알려주기 위함이다.

3. bootswatch (bootstrap themes free)

https://bootswatch.com/

적절한 테마를 받아서 static 폴더에 넣는다.
파일명이 bootstrap.min.css 확장자가 css 파일이다.

4. register.html 수정

기존 불러온 코드를 주석처리하고 새로운 경로를 입력해 준다.

 <!-- <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
      integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
      crossorigin="anonymous"
    /> -->
    <link rel="stylesheet" href="/static/bootstrap.min.css" />

5. 중간 완성

profile
.

0개의 댓글