프로젝트 (12) 썸네일형 리스트형 Do it! 클론 코딩 영화 평점 웹서비스 http://www.yes24.com/Product/Goods/90344496 Do it! 클론 코딩 영화 평점 웹서비스 ‘클론 코딩’만큼 빠르고 효과적인 학습법은 없다! 9살부터 코딩을 시작한 전형적인 ‘천재 코더’ 니꼴라스! 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 클론 코딩 www.yes24.com 위 책을 보면서 실습했다. 1. 클론 코딩 준비하기 1-1. cmd 창에서 node.js 설치 확인 node -v 설치 전인 경우, nodejs.org에 접속하여 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1-2. npm 설치 확인 npm -v 1-3. .. [+] django project에 부트스트랩 적용하기 이번에는 만들어놓은 장고 프로젝트에 부트스트랩을 적용해보려고 한다. 1. 부트스트랩(bootstrap)이란? 부트스트랩은 동적 웹사이트를 위한 CSS 프레임워크 중 한 종류라고 한다. 웹 사이트를 만들기 위해서는 HTML, CSS, Javascript를 조합하여 만드는데, HTML은 기본적으로 화면의 내용이나 뼈대를 구성하고, CSS는 폰트나 이미지, 색상같은 디자인적 요소를 담당하며 Javascript는 버튼이나 화면 동작같은 element 동작이나 서버와의 통신 등을 담당한다. 실무에서도 많이 사용되니 알아두는 것이 좋을 것 같다. 2. 부트스트랩 적용하기 부트스트랩 공식 홈페이지에 접속한다. 메인 화면처럼 바로 다운로드 시켜서 적용시켜도 되지만, 오늘은 몇 줄의 코드를 이용해 빠르게 부트스트랩을 적.. [+] django project에 템플릿 확장하기 메뉴바나 타이틀같이 어느 페이지를 접속해도 공통적으로 쓰이는 부분이 있다. 이런 영역을 메인 메뉴 혹은 GNB(Global Navigation Bar)라고 한다. django에서는 템플릿 확장이라는 방법을 사용한다. 레이아웃 부분을 담은 템플릿을 별도로 만들고, 다른 페이지들에서 이 템플릿을 상속받아 보여주는 것이다. 때문에 템플릿 기능을 사용하면 재사용성이 뛰어나다. 이제 템플릿 확장을 사용해보자. 1. templates 폴더 추가 프로젝트 루트에 templates란 폴더를 추가한다. 그리고 그 안에 base.html란 파일을 추가한다. 다음, 프로젝트의 config/settings.py를 변경해야한다. TEMPLATES 변수의 DIRS라는 키 부분을 보면 비어있을 것이다. 다음과 같이 변경해준다. T.. 9. 튜토리얼 따라하기 - 설문조사(4) 이번 시간에는 제네릭 뷰를 사용할 것이다. 마찬가지로 django 문서와 배프의 오지랖 파이썬 웹 프로그래밍을 참고하고 있다. 제네릭 뷰 사용하기 지금까지는 index view를 다음과 같이 HttpResponse, render로 표현해봤다. 1. HttpResponse 이용 def index(request): latest_question_list = Question.objects.order_by('-pub_date')[:5] template = loader.get_template('polls/index.html') context = { 'latest_question_list' : latest_question_list, } return HttpResponse(template.render(context, .. 8. 튜토리얼 따라하기 - 설문조사(3) 오늘은 투표기능이 동작하도록 간단한 폼을 만들어보겠다. detail.html을 수정하고 vote 뷰에도 기능을 추가하자. 간단한 폼 만들기 polls/templates/polls/detail.html을 다음과 같이 수정하자. {{ question.question_text }} {% if error_message %}{{ error_message }}{% endif %} {% csrf_token %} {% for choice in question.choice_set.all %} {{choice.choice_text}} {% endfor %} 각 기능에 대해 알아보자. form 태그는 사용자가 답변 항목을 선택하고 전달할 수 있도록 만든다. 사용자가 선택한 항목의 번호를 vote 뷰를 전달하도록 action.. 7. 튜토리얼 따라하기 - 설문조사(2) 저번 시간에는 설문조사 앱의 메인 페이지만 만들었다. 이번 시간에는 다음의 여러가지 뷰를 더 생성할 것이다. 투표 목록 : 등록된 투표의 목록을 표시하고 상세 페이지로 이동하는 링크 제공 투표 상세 : 투표의 상세 항목을 보여줌 투표 기능 : 선택한 답변을 반영 투표 결과 : 선택한 답변을 반영한 후 결과를 보여줌 이제 위의 네가지 뷰를 만들어보자. 여러가지 뷰 생성하기 polls/views.py 를 다음과 같이 수정한다. def detail(request, question_id): return HttpResponse("You're looking at question %s" % question_id) def results(request, question_id): response = "You're at t.. 6. 튜토리얼 따라하기 - 설문조사(1) https://docs.djangoproject.com/ko/3.0/intro/tutorial01/ 첫 번째 장고 앱 작성하기, part 1 | Django 문서 | Django Django The web framework for perfectionists with deadlines. Overview Download Documentation News Community Code Issues About ♥ Donate docs.djangoproject.com 을 참고함과 동시에 "배프의 오지랖 파이썬 웹 프로그래밍" 책을 참고하며 실습을 진행하고 있다. 1. 장고 프로젝트 생성하기 1.1. pycharm 에서 [File] - [New Project] 에서 새로운 프로젝트를 생성한다. 1.2. 장고 설치하기 .. 5. 관리자 계정 생성하기 장고의 장점 중 하나는 관리자 페이지 생성이 용이하다는 것이다. 이번에는 관리자 계정 생성을 해보겠다. 1. createsuperuser로 관리자 계정 생성하기 다음의 명령을 장고 프로젝트 터미널에 입력한다. python manage.py createsuperuser 계정명은 admin으로 하고 이메일은 본인의 이메일로 입력한다. 비밀번호를 입력할 때, 영문과 숫자를 섞고 최소 8자리로 해야한다는 것에 주의하자. 또한, 나같이 윈도우 사용자들이 간혹 당황하는 경우가 있는데, 비밀번호를 아무리 입력해도 커서가 움직이지 않는다는 것이다. 입력되지 않는 것 처럼 보여도 잘 입력되고 있는 것이니 입력 후 Enter 키를 눌러준다. 자 이제 생성된 관리자 계정을 확인하자. 다음을 입력한다. 2. runserver.. 이전 1 2 다음
