[Django App] django-responsive2

pip install django-responsive2
[settings.py 변경]

INSTALLED_APPS = (
    ...
    'responsive',
    ...
)

TEMPLATE_CONTEXT_PROCESSORS = (
    ...
    'responsive.context_processors.device',
    ...
)

MIDDLEWARE = (
    ...
    'responsive.middleware.ResponsiveMiddleware',
    ...
)

RESPONSIVE_MEDIA_QUERIES = {
    'small': {
        'verbose_name': ('Small screens'),
        'min_width': None,
        'max_width': 574,
    },
    'medium': {
        'verbose_name': ('Medium screens'),
        'min_width': 575,
        'max_width': 768,
    },
    'large': {
        'verbose_name': ('Large screens'),
        'min_width': 769,
        'max_width': 992,
    },
    'xlarge': {
        'verbose_name': ('XLarge screens'),
        'min_width': 993,
        'max_width': 1200,
    },
    'xxlarge': {
        'verbose_name': ('XXLarge screens'),
        'min_width': 1200,
        'max_width': None,
    }
}

[middleware.py 변경]

~/.virtualenvs/jone/lib/python3.6/site-packages/responsive$vi middleware.py

from django.utils.deprecation import MiddlewareMixin # 추가

class ResponsiveMiddleware(MiddlewareMixin): # request를 MiddlewareMixin로 변경

[context_processors.py 변경]

~/.virtualenvs/jone/lib/python3.6/site-packages/responsive$vi context_processors.py

def device(request):
    responsive_middleware = 'responsive.middleware.ResponsiveMiddleware'
    if responsive_middleware not in settings.MIDDLEWARE: # MIDDLEWARE_CLASSES를 MIDDLEWARE로 변경
        raise ImproperlyConfigured(

[Template 적용]

<div class="container">
    <div class="row">
        {% if device.is_iphone %}
            {# this snippet will only be rendered for retina devices with min_width = 320 #}
            <div class="app-store">
                <a href="#">Available on the App Store</a>
            </div>
        {% endif %}
    </div>

</div>

댓글

댓글 쓰기

이 블로그의 인기 게시물

[Django Install] 9.1 sc제일은행 nginx-django 연결

[Django 설치] Django는 이미 설치된 것으로 가정하고 진행. 프로젝트명 : sc 프로젝트 디렉토리 : /datanode/datashare/sc [Django static 파일 마이그레이션] nginx에서 사용할 static 파일을 만들어 준다. python manage.py collectstatic  (static_root만 영향을 준다.) STATIC_ROOT   =   os . path . join ( BASE_DIR ,   "staticfiles/" ) 에 설정된  staticfiles  디렉토리 하위에 app별 폴더가 만들어진다. (app의 static 폴더의 images, js, css 파일에 변경이 있으면 실행이 필요하다) MEDIA_ROOT = os.path.join(BASE_DIR, 'mediafiles') 에 설정된 디렉토리에는 첨부파일이나 업로드 이미지 파일이 만들어진다. (위 명령어와 관련이 없으며, 관리자나 사용자가 업로드한 파일들이 저장된다.) [uwsgi 설치] 파이썬 가상화 환경에 로그인한 후 실행 pip install uwsgi [Nginx 설치] sudo apt-get install nginx 설치 후 자동적으로 Nginx가 Start 된다. 프로세스 시작 : sudo service nginx start 프로세스 종료 : sudo service nginx stop 프로세스 재시작 : sudo service nginx restart 프로세스 상태 : sudo service nginx status [ Nginx - Django 연동 ] /datanode/datashare/web/nginx/nginx.conf 파일수정 (아래 내용으로 수정) # the upstream component nginx needs to connect to      upstream django {         server unix:///datanode/datashare/web/sc/sc.sock;     }     
자세한 내용 보기

[Django APP] django-widget-tweaks

[설치] pip install django-widget-tweaks [설정] INSTALLED_APPS = [      ...      'widget_tweaks',      ... ] [사용법] In template {% load widget_tweaks %} <!-- change input type (e.g. to HTML5) --> {% render_field form.search_query type="search" %} <!-- add/change several attributes --> {% render_field form.text rows="20" cols="20" title="Hello, world!" %} <!-- append to an attribute --> {% render_field form.title class+="css_class_1 css_class_2" %} <!-- template variables can be used as attribute values --> {% render_field form.text placeholder=form.text.label %} {% render_field %} 태그로 렌더링 된 필드의 경우 WIDGET_ERROR_CLASS 및 WIDGET_REQUIRED_CLASS 템플릿 변수를 사용하여 오류 클래스 및 필수 필드 클래스를 설정할 수 있습니다. {% with WIDGET_ERROR_CLASS = 'my_error'WIDGET_REQUIRED_CLASS = 'my_required'%}     {% render_field form.field1 %}     {% render_field form.field2 %}
자세한 내용 보기

[Django App] django-user-agents

[설치] pip install pyyaml ua-parser user-agents pip install django-user-agents [설정] settings.py 수정 INSTALLED_APPS = (     # Other apps...     'django_user_agents', ) MIDDLEWARE = (     # other middlewares...     'django_user_agents.middleware.UserAgentMiddleware', ) #  django-user-agents Settings # Cache backend is optional, but recommended to speed up user agent parsing # CACHES = { #    'default': { #        'BACKEND': 'django.core.cache.backends.memcached.MemcachedCache', #        'LOCATION': '127.0.0.1:11211', #    } # } # Name of cache backend to cache user agents. If it not specified default # cache alias will be used. Set to `None` to disable caching. USER_AGENTS_CACHE = 'default' [소스 활용] def my_view(request):     # Let's assume that the visitor uses an iPhone...     request.user_agent.is_mobile # returns True     request.user_agent.
자세한 내용 보기