본문 바로가기

Python_WEB

(436)
[Django]Board > Templates > HTML > Board List {% extends "base.html" %} {% block contents %} # 제목 아이디 일시 {% for board in boards %} {{ board.id }} {{ board.title }} {{ board.writer }} {{ board.registered_dttm }} {% endfor %} {% if boards.has_previous %} 이전으로 {% else %} 이전으로 {% endif %} {{ boards.number }} / {{ boards.paginator.num_pages }} {% if boards.has_next %} 다음으로 {% else %} 다음으로 {% endif %} 글쓰기 {% endblock %}
[Django]Board > Templates > HTML > Board_Detail {% extends "base.html" %} {% block contents %} 제목 내용 {{ board.contents }} 태그 {{ board.tags.all|join:"," }} 돌아가기 {% endblock %} 1. {% extends %} 확장 템플릿 태그를 사용하여 어떤 Base 템플릿을 사용하는지 지정 2. {{ board.tags.all|join:"," }} board.tags.all은 해당 게시글에 속하는 모든 태그들을 QuerySet으로 가져옵니다. QuerySet에 대하여, join(',') 명령어를 수행할 수 있도록 템플릿 엔진을 제공.
[Django]Board > Templates > HTML > Basic [ 템플릿 상속 Basic HTML ] {% block contents %} {% endblock %} [ Bootstrap ]
[Django]Design Proposal [ Directory Structure ] [ Design ] [ Reference Deployment Site ] http://ankiwoong.pythonanywhere.com/ http://ankiwoong.pythonanywhere.com/ ankiwoong.pythonanywhere.com
[Tistory-플러그인]기본 스킨 방문객 카운터 HTML Code Tistory Blog에 방문객 카운터 다는 방법 관리자 로그인 > 플러그인 > 방문자 통계 그래프 > 적용 꾸미기 > 스킨 편집 html 편집 ctrl + f > footer 아래 HTML 입력 Total = 명 | Today = 명 | Yesterday = 명 새로고침 > footer 부분 확인
게슈탈트 심리학 - Gestalt psychology 1. 게슈탈트 : 형, 형태 독일어 2. 게슈탈트 심리학 : 인간의 심리적으로 형태를 어떻게 인지하는지에 대한 기초 원리 근접한 것끼리 유사한 것끼리 닫힌 모양을 이루는 것끼리 좋은 연속을 하고 있는 것끼리 좋은 모양을 만드는 것끼리 3. 지각 심리학 : 인간의 눈과 두뇌가 지각 과정에서 어떻게 작용하는가를 측정 4. 두 종류의 다른 기능을 가진 6개의 버튼을 조작하는 4가지 방법 스타일이 모두 일정하여 구분이 모호하지 않게 배치한다 근접성의 원리로 스타일이 분리되게 배치한다. 근접성과 형태의 유사성으로 일관성 있는 그룹핑을 이룬다. 근접성 및 형과 색의 유사성으로 스타일이 효과적으로 그룹핑한다. 5. 사용자가 형태를 지각하는 원리 근접성 유사성 연속성 패쇄성 형과 배경 6. 근접성 가까운 것끼리 묶어서..
사용성 테스트 - Usability Testing 1. 사용성 테스트 패턴을 직접 관찰 단서를 찾아내는 과정 프로젝트 초반 되도록 일찍 하여 문제점 찾아 수정 개발 일정을 조정할 필요 없음 소규모 테스트 웹 제작 실무자 모두 함께 발견한 문제점은 즉시 고침 의사 결정의 수단으로 사용 2. 테스트 정의 > 태스크 정의 > 방법론 정의 > 테스트 프로세스 정의 > 테스트 > 결과 요약 > 개선안 반영 테스트 정의 : 테스트를 수행하는 전체 목적(사이트 목표 / 유저 목표) 태스크 정의 : 필수 질문 사항 정리 / 주요 이슈 정리 / 과업 리스트 작성 방법론 정의 : 테스트 방법 / 참가자 / 테스트 장소 / 세션 소요 시간 / 작성이 요구되는 문서 정의 테스트 프로세스 정의 : 테스트 진행 순서 정의 테스트 : 오리엔테이션 / 과제시작 / 테스트 체험 / ..
사용자 중심 디자인 - User Centered Design 1. 사용자 중심 디자인(User Centered Design) 파워 유저나 초보자를 제외한 일반 사용자를 중심으로 구축 2. 유용성 웹 사이트 이용이 얼마나 쉽고 만족스러운가? 습득 가능성 : 배우기 쉬움 기억 가능성 : 이용 방법을 기억하기 쉬움 효율성 : 효율적으로 이용할 수 있어야 함 신뢰성 : 잘 작동된다는 신뢰감 사용자 만족도 : 사이트를 사용하면서 만족감을 느낌 사용자 개인마다 다름 3. 인터페이스 디자인 인터랙티브 인터페이스 디자인 : 컴퓨터와 인간 사이에서 상호 작용 실제 사용 행동을 다양한 방법으로 분석 심성 모형 정신 모형 및 인지 능력과 일치하지 않는 디자인의 문제점 파악하여 개선안 제시 프로토타입 제작 편의성 및 사용자의 의견을 평가 보완 4. 유용성을 위한 웹 인터페이스 기능성을..