앞서 글을 쓰는 게시판을 구현했습니다. 기왕 만든거 이번엔 여러분의 포트폴리오를 보여주는 페이지를 만들어봅시다.

포트폴리오에는 사진이 필수니, 이번엔 장고로 여러분들이 원하는 사진을 띄워볼겁니다.

Static file

로컬에서 사진을 올리기 위해서 static file에 대해 짚고 넘어가야합니다. static 파일을 번역하면 정적 파일이라고 할 수 있는데, 앞서 static web페이지를 만들때 사용했던 CSS, JS, image 같은 것들이라 생각하면 됩니다.

Django는 static 파일을 2가지로 구분합니다.

• static - 이미지나 CSS, JS 파일 처럼 내용이 고정되어 있어, 응답을 할 때 별도의 처리 없이 파일 그대로를 보내주면 되는 파일들 (즉, 미리 저장해두고 필요할 때 불러오는 파일)
• media - 웹서비스 이용자들이 업로드하는 파일

먼저 static 파일을 이용해 사진을 첨부해 봅시다.

앱 폴더 안에 static 폴더를 만들어줍니다. 그리고 그 폴더 안에 화면에 띄우고 싶은 사진 한장을 넣어봅시다.

해당 사진을 띄우기 위해서는 프로젝트 전체 관리자에게 해당 파일이 어디에 위치해있는지 명시를 해줘야합니다.

그럼 앱 안에 만든 static 폴더를 Django에게 위치를 알려주러, 프로젝트 전체를 관장하는 settings.py로 가서 아래의 코드를 추가해줍니다.

Settings.py

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'app_name', 'static')
		# Django 3.1 버전에서는 
		# Path(BASE_DIR, 'app_name', 'static')
]

• STATICFLES_DIRS : **static 파일들이 들어있는 경로 (앱 이름, 폴더명)**를 적어줍니다.

STATIC_ROOT = os.path.join(BASE_DIR, 'static')
# Django 3.1 버전에서는 
# Path(BASE_DIR, 'static')

• STATIC_ROOT : django에서는 편의를 위해 흩어져있는 static파일을 한곳에 모으는데, 그때 파일을 모아줄 위치를 나타냅니다.

위의 작업까지가 static 폴더를 만들고 우리 django 프로젝트에게 static 폴더라는게 생겼다는걸 알려주는 작업이였습니다. 그리고 터미널로 가서 static 파일들을 한곳에 모아주는 명령어 를 입력합니다.