![]()
점프 투 장고를 참고하여 학습,제작하였습니다. 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..
![]()
점프 투 장고를 참고하여 학습,제작하였습니다.하드코딩파일의 경로를 직접 넣어준 경우 1.URL 별칭 사용URL 링크의 구조가 자주 변경된다면 템플릿에서 사용한 모든 URL들을 일일이 찾아가며 수정해야 하는 리스크가 발생하기 때문에 URL 별칭을 사용함경로 대신 URL 매핑에 name 속성을 부여하기1-1 url별칭 name 속성 부여하기별칭으로 index, detail 를 만들어줬다. 1-2 템플릿 URL 별칭사용하드코딩으로 작성된 모습 url 별칭으로 사용하였다.
![]()
점프 투 장고를 참고하여 학습,제작하였습니다. 1.단어 목록 조회 구현english_vo(영어) 순으로 정렬된 단어 목록을 얻었다.render함수는 파이썬 데이터를 템플릿을 적용하여 HTML로 반환하는 함수다.views.py를 수정 1-1.템플릿 디텍터리 지정setting.py에서 templates의 딕테터리를 지정하준다.settings.py 수정 1-2 템플릿 파일 생성mkdir templatestemplates 폴더를 생성해준다. voca_list.html 파일을 생성해준다. voca_list.html 작성 1-3 템플릿 태그1-3-1 분기{% if 조건문1 %}{% elif 조건문2 %}{% else %}{% endif %} 1-3-2 반복{% for item in l..
![]()
점프 투 장고를 참고하여 학습,제작하였습니다. 1.슈퍼유저 생성 python manage.py createsuperuser닉네임, 이메일,비밀번호를 입력해 슈퍼유저를 생성한다. 2.장고관리자 화면python manage.py runserver서버를 구동해서 http://127.0.0.1:8000/admin 에 접속하여 관리자 화면을 확인관리자 로그인 페이지 사이트 관리페이지 3.모델 관리projects\project1\app\admin.py 를 수정 관리화면에 Vocas 모델이 생겼다. 3-1. 모델추가새로운 Voca를 생성할수있다. 생성 완료된 모습을 확인할수있다. 3-2.모델 검색모델 검색 기능을 admin.py에 추가 상단에 검색기능..
