반응형

전체 글 53

[장고] get_static_prefix 태그 사용방법

장고(Django)에서 템플릿 작업을 하다 보면, 템플릿 태그({% %})와 views.py에서 넘겨받은 변수({{ }})를 함께 사용해야 하는 경우가 발생합니다. 예를 들어, static 템플릿 태그를 사용해서 static root 디렉터리에 있는 static 파일을 매핑해주려고 할 때, 매핑 경로의 일부를 변수 {{ }}로 대체하려는 경우가 그 예입니다. static 템플릿 태그의 일반적 사용 예시 get_static_prefix 템플릿 태그의 활용 예시 만약, 장고에서 정적 파일(static files)을 static 폴더에서 일괄적으로 관리하는 방법에 대해 궁금하신 분들은 [장고] Static 폴더 설정 방법 (css, js, img 파일 정리) 포스팅을 참고하시기 바랍니다. get_static_..

[장고] Static 폴더 설정 방법 (css, js, img 파일 정리)

장고(Django)를 사용할 땐, 개발자의 편의를 위해 css나 javascript, image 등의 정적 파일들(static files)은 static이란 이름의 폴더를 만들어 함께 관리해 주는 것이 좋습니다. 그렇게 하기 위해선, 먼저 장고에게 정적 파일들을 static 폴더에서 일괄적으로 관리하겠다고 알려준 뒤, 장고 프로젝트 최상단 폴더 안(manage.py 파일과 같은 레벨)에 static 폴더를 만들고, css, js, img 파일들을 전부 모아주시면 됩니다. settings.py 파일에 static root 지정하기 static 폴더 생성하기 Django에서 Static 폴더 설정 방법 1. settings.py 파일에 static 폴더 위치 지정하기 장고에게 static 폴더의 위치를 알려..

Django 2021.09.17

[장고] 관리자 페이지 ③ : 명칭 커스터마이징

새로 생성한 장고 프로젝트의 관리자 페이지 명칭을 원하는 이름으로 바꾸는 방법에 대해서 알아보도록 하겠습니다. 간단한 코드 몇 줄로 가능하기 때문에 누구나 손쉽게 수정할 수 있습니다. 새 장고 프로젝트 생성 방법 | Start a new Django project 장고 관리자 페이지 접속 방법 | Access the Django Admin 관리자 페이지 명칭 변경 방법 | Renaming Django Admin site name (Overrides) 3. 관리자 페이지 명칭 변경 방법 - config > urls.py에 원하는 명칭 입력 - 관리자 페이지 로그인 화면 확인 - 관리자 페이지 확인 원하는 명칭 입력 먼저 settings.py가 존재하는 프로젝트의 핵심 폴더로 이동합니다. 우리의..

Django/Admin Site 2021.09.16

[장고] 관리자 페이지 ② : 접속 방법

지난 포스팅에서는 관리자 페이지 접속하기에 앞서, 가상 환경과 장고를 설치하고, 새로운 장고 프로젝트를 생성하는 방법에 대해 알아보았습니다. 이제 본격적으로 관리자 페이지에 접속하는 방법에 대해 알아보도록 하겠습니다. 새 장고 프로젝트 생성 방법 | Start a new Django project 장고 관리자 페이지 접속 방법 | Access the Django Admin 관리자 페이지 명칭 변경 방법 | Renaming Django Admin site name (Overrides) 2. 장고 관리자 페이지 접속 방법 - 관리자 계정 생성 - 로컬 서버 구동 - 관리자 페이지 접속 관리자 계정 생성 관리자 페이지 접속하기 위해선, 장고 프로젝트에게 본인이 관리자라는 사실을 알려주어야 합니다...

Django/Admin Site 2021.09.16

[장고] 관리자 페이지 ① : 가상환경·장고 설치 및 새 프로젝트 생성 방법

장고(Django)로 프로젝트를 진행할 때, 관리자 페이지(Admin Site)를 생성하고, 접속하는 방법에 대해 알아보겠습니다. 장고는 프로젝트를 생성하면 관리자 페이지도 자동으로 생성됩니다. 그래서 급하게 프로젝트를 제작해야 하거나 혹은 간단한 프로젝트를 진행하는 경우, 관리자 페이지를 따로 제작하지 않아도 되기 때문에 시간과 비용 측면에서 매우 효율적입니다. 그럼 아래 순서대로 차근차근 그 방법에 대해 알아가 보도록 하겠습니다. 새 장고 프로젝트 생성 방법 | Start a new Django project 장고 관리자 페이지 접속 방법 | Access the Django Admin 관리자 페이지 명칭 변경 방법 | Renaming Django Admin site name (Overrides) 1...

Django/Admin Site 2021.09.16

[장고] settings.py에서 템플릿 폴더 위치 지정 방법

장고 템플릿 일괄 관리 방법 장고(django) 앱(app)들의 템플릿들(templates)을 일괄적으로 관리하는 방법에 대해 알아보겠습니다. 장고 프로젝트를 진행하다 보면, 앱 별로 많은 템플릿들을 제작하게 됩니다. 템플릿의 수가 적을 땐, 각각의 앱 안에 템플릿 폴더를 만들어서 관리해도 크게 상관없지만, 앱의 수가 많아지고, 템플릿의 수가 많아질 경우, 이 방법으론 그 많은 템플릿들을 일괄적으로 관리하기 까다로워집니다. 이때, 사용할 수 있는 방법이 있습니다. 바로 따로 폴더를 하나 생성한 뒤, 그 폴더에서 모든 앱들의 템플릿들을 일괄적으로 관리해주는 방법입니다. manage.py와 같은 레벨의 디렉터리에 'templates'라는 이름의 폴더를 만들고, 그곳에서 모든 앱의 템플릿들을 일괄적으로 관리할..

Django 2021.09.15

[HTTP] HTTP 응답 상태 코드 모음

HTTP 응답 상태 코드의 종류 및 의미 HTTP 응답 상태 코드(HTTP response status codes)의 종류와 각각의 의미에 대해 알아보겠습니다. HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 여부를 나타냅니다. 응답은 세 자리 숫자로 반환되는데, 백의 자리 숫자에 따라 크게 5가지 그룹으로 나눠집니다. 응답 상태 코드가 (1**)인 경우, 정보 제공 응답(informational responses)을 의미합니다. 응답 상태 코드가 (2**)인 경우, 성공적인 응답(successful responses)을 의미합니다. 응답 상태 코드가 (3**)인 경우, 리디렉션(redirects)을 의미합니다. 응답 상태 코드가 (4**)인 경우, 클라이언트 오류(client e..

기타 2021.09.15

[REST] Generic View Classes 종류 및 기능

장고 REST 프레임워크 - Generic Views 장고 레스트 프레임워크(Django REST framework)를 이용해서 API를 제작할 때, 주로 사용하게 되는 기본적이고 구체적인 뷰 클래스(Concrete View Classes)들의 종류와 각각의 기능들에 대해 알아보겠습니다. Django REST framework에는 크게 9가지의 APIView들이 존재합니다. 아래에 열거된 9개의 class들이 제네틱 뷰(generic views)를 사용한다면 실질적으로 사용하게 될 class들입니다. 자체적으로 커스터마이징 한 class를 사용할 수도 있지만, 특별한 경우가 아니라면 대부분 아래 9개의 class들 중 하나를 사용하게 됩니다. View Class들의 이름은 직관적입니다. 그래서 이름만으로..

[Tistory] 티스토리 블로그 - 파비콘 변경 방법

Tistory Favicon 변경 방법 파비콘 변경 전/후 비교 티스토리 블로그의 파비콘을 바꾸는 방법에 대해 알아보겠습니다. 파비콘이란, 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘을 의미합니다. 티스토리에서 기본적으로 제공하는 티스토리 블로그의 파비콘은 아래와 같습니다. 그리고 다음은, 파비콘을 제가 원하는 모양으로 변경한 뒤의 결과물입니다. 먼저 파비콘을 변경하기에 앞서, 원하는 파비콘을 제작해야 합니다. 파비콘은 ico라는 확장자를 사용하는데, ico 파일을 만드는 방법은 간단합니다. 먼저, 원하는 png 파일을 찾은 뒤, png 파일을 ico 파일로 변환해주면 됩니다. 파일 변환은 파비콘 제작 웹사이트에서 진행하시면 되고, 회원가입 없이 무료로 사용할 수 있는 웹..

Tistory 2021.08.27

[CSS] 가로(width)와 세로(height) 설정 방법

CSS에서 width & height 설정 방법 width 속성과 height 속성의 기본값(default)은 auto입니다. 이 말인 즉, 기본적으로 width: auto; height: auto;라는 뜻이고, 각 속성들은 부모의 크기를 기준으로 결정된다는 뜻입니다. 이해를 돕기 위해 구체적인 예시를 들어보겠습니다. 웹사이트 배경화면으로 특정 이미지를 삽입하려고 한다고 가정해보겠습니다. 만약 위의 예시처럼, 빈 div에 높이 설정을 안 해준다면 화면에 사진은커녕 아무것도 보이지 않게 됩니다. 이 문제를 해결하고, 배경화면에 이미지가 드러나도록 하기 위해 클래스가 cover인 div태그의 높이를 100%;로 설정하고, 그 부모 요소인 html 태그와 body 태그에 각각 { height:100%; }을 ..

HTML & CSS/CSS 2021.08.26