BackEnd

점프 투 장고를 참고하여 학습,제작하였습니다.1.테스트 데이터 대량생성 1-1.장고쉘 실행 python manage.py shell   1-2. 테스트 데이터 생성from app.models import Vocafor i in range(300): q = Voca(english_vo='테스트 영어'+str(i), korean_vo=str(i)+"테스트",number_vo=i) q.save()     1-3.데이터 확인    1-4.페이지 확인        2.페이징(Paginator)Django에서 페이징을 위해 사용하는 클래스 Paginator를 사용한다.   2-1.views.py단어목록이 나타날 index 함수에 Paginator 을 사용하여 페이징기능을 생성한다.     2-2.voca..

점프 투 장고를 참고하여 학습,제작하였습니다.1.네비게이션바부트스트랩에 있는 네비게이션 바를 이용해 네비게이션바를 만들자   1-1 base.html공통적으로 페이지에 적용되야하므로 base.html에 네비게이션 바를 만든다.   1-2.결과 줄였을때 나오는 작은 메뉴버튼이 작동안됨         1-2 js 파일추가메뉴버튼 작동을 위해 부트스트랩의 js 파일을 static에 넣는다.   1-3.js 파일 적용base.html 파일에 js 파일을 적용한다.   1-4.결과버튼을 누르면 로그인이 나오는걸 볼수있다.               2.include네비게이션바를 base.html에서 분리한뒤 base.html 템플릿에 포함시키기  2-1.navbar.html 생성네비게이션 기능의 html 파일을 생..

점프 투 장고를 참고하여 학습,제작하였습니다.1.수동폼{{ form.as_p }}을 사용하면 빠르게 템플릿을 만들수있지만 디자인측면에서 제한이 많이 걸린다.   1-1.widget 속성 제거수작업 수동폼을 만들시 widget 속성이 필요없으므로 제거한다.    1-2.Voca_form 템플릿 수정수정전   오류발생(아무런 입력이 되지않음)부분을 추가한다.voca_create 함수의 form.is_valid()이 실패할경우 오류발생으로 판단한다.   1-3.결과        2.댓글 수동폼2-1.댓글 폼수정         2-2. 뷰 answer_create수정voca_create와 같은 방식으로 수정 2-3.템플릿 수정  2-4.결과

점프 투 장고를 참고하여 학습,제작하였습니다. 1.영단어 등록만들기 1-1.버튼만들기누르면 'voca_create' url 로 이동하는 버튼을 만든다.   1-2.URL 매핑하기'voca_create'이름의 url 을 매핑하준다. 해당 url은 views.voca_create 함수를 호출한다.    1-3.폼 제작forms.ModelForm을 상속받은 클래스이다. 모델 폼은 모델과 연결된 폼으로 폼을 저장하면 연결된 모델의 데이터를 저장할수 있는 폼이다.이경우 Meta 클래스가 필요하며 모델과 모델의 속성을 적어야한다.        1-4.뷰함수url이 호출할 voca_create 함수를 만든다.render 함수에 전달한 {'form': form}은 템플릿에서 질문 등록시 사용할 폼 엘리먼트를 생성할 때..

점프 투 장고를 참고하여 학습,제작하였습니다.템플릿 상속기본 틀이 되는 템플릿을 작성하고 다른 템플릿에 상속하는 방식이다.   1.기본 틀 템플릿 만들기base.html로 표준 HTML 구조를 가질수있도록 틀을 만들어주자  {% block content %} ㅡㅡㅡ {% endblock %}사이에는 상속받을 개별의 템플릿에서 구현할 내용이다.     2.상속받기상속받을 html 파일에 {% extends 'base.html' %}을 통해 상속받는다 {% block content %} , {% endblock %} 사이에 해당 html문서의 사용요소들을 넣는다       3.바뀐모습확인기존의 html 소스코드다   base.html 파일 을 통해 표준 html문서의 틀을 상속받은 소스코드다

점프 투 장고를 참고하여 학습,제작하였습니다.부트스트랩부트스트랩은 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다.      1.부트스트랩 설치부트 스트랩은 아래 링크에서 설치할수있다.https://getbootstrap.com/docs/5.1/getting-started/download/     해당 다운로드 압축 파일중 bootstrap.min.css 을 사용한다.      2.부트스트랩 사용 2-1.부트스트랩 넣기static 폴더에 bootstrap.min.css파일을 붙여넣는다.   2-2.부트스트랩 사용https://getbootstrap.kr/docs/5.3/getting-started/introduction/부트스트랩 스타일을 사용하여 html 파일들을 꾸며준다.    2..

점프 투 장고를 참고하여 학습,제작하였습니다.1.Static정적 파일 관리를 위한 폴더이미지, 자바스크립트, CSS를 관리한다.   1-1. Static 디렉터리settings.py 에 static 디렉터리 폴더경로를 만든다    1-2.style.cssstatic 폴더를 생성    textarea의 너비를 화면의 100%로 맞춤submit 답변등록의 마진을 10px로 설정함style.css파일    1-3.스타일 적용{% load static %}: static을 호출한다.스타일을 html 파일에 적용한다.    2.결과

점프 투 장고를 참고하여 학습,제작하였습니다.  1.댓글 기능1-1 댓글기능 모델 생성voca 모델을 외래키로 사용하여 만들었다.     1-2. 변경된 데이터베이스 작업파일 생성python manage.py makemigrations     1-3.테이블 생성python manage.py migrate      1-4.sqlite로 테이블 생성확인        2.댓글 기능 생성 2-1.댓글 폼 생성댓글 폼을 생성한다.폼속성 action: 서버쪽 스크립트 파일을 지정action시 post전송한다.{% url 'answer_create' voca.id %} : answer_create 별칭의 voca.id를 전달한 url   2-2.URL 매핑 path('answer/create/', views.answ..