본문 바로가기
728x90

WEB20

Django 파이썬 웹 프로그래밍(3) Model과 View 그리고 Serializer 이번 글에서는 model을 생성하고 migration 작업을 통하여 admin 페이지에서 확인하는 작업까지 가질 것이다. 지금 제작하는 사이트는 커뮤니티 사이트이다. 우리가 만든 APP은 post이다. post를 구성하는 요소에는 글, 댓글이 있을 것이다. 또한 글은 TimeModel이다. Time Model이란 시간정보를 담고 있다. 대부분의 글과 댓글은 작성시간이나 수정시간을 포함한다. models.py를 다음과 같이 수정한다. from django.db import models class Post(TimeStampedModel): title = models.CharField(max_length=50, null=True) owner_nick = models.CharField(max_length=50,.. 2020. 7. 26.
Django 파이썬 웹 프로그래밍(2) 앱 만들기 Django에서 Database를 사용하여 작업을 하려면 우선 앱(Application)을 생성해주어야 한다. 필자는 커뮤니티 사이트를 만들 예정이므로 Post라는 이름의 앱을 만들도록 하겠다. (django_project) C:\Users\devgu\community>python manage.py startapp post 만들었으면 community 아래에 post라는 폴더가 생긴다. 폴더 내용은 다음과 같다. 하나씩 살펴보자 1. migration - python으로 정의한 내용을 DB로 옮겨주는 것이다. 자동으로 sql문을 작성해준다고 생각하면 된다. 따로 건들이 필요 없이 나중에 manage.py를 이용하면 된다. 2. admin - admin page를 위한 py이다. 3. apps - app에.. 2020. 7. 26.
Django 파이썬 웹 프로그래밍(1) Django 설치 Django framework를 통해 웹 사이트를 구축하려고 한다. Django를 설치하는 것 부터 시작하도록 하겠다. 파이썬이 이미 설치되어있다고 가정하고, 진행하도록 하겠다. 우선 django는 가상환경에서 프로그래밍 하는 것을 추천한다. 왜냐하면 설치해야할 pip이 많기 때문이다. 다음을 이용해 가상환경을 구축한다. pip install virtualenvwrapper-win PS C:\Users\devgu> mkvirtualenv django_project C:\Users\devgu\Envs is not a directory, creating created virtual environment CPython3.7.8.final.0-64 in 2595ms creator CPython3Windows(d.. 2020. 7. 26.
로또번호 생성 웹사이트 무료로 만들기 7(완성) 이제 완성된 파일을 github에 올려보도록 하자. $ git add . $ git commit -m "final" [master 9ff1993] final 6 files changed, 1177 insertions(+), 6 deletions(-) create mode 100644 auto.html create mode 100644 guardy.jpg create mode 100644 select.css create mode 100644 semiauto.html create mode 100644 style.css $ git push origin master Enumerating objects: 8, done. Counting objects: 100% (8/8), done. Delta compressio.. 2020. 7. 17.
로또번호 생성 웹사이트 무료로 만들기 6 이번글은 반자동 번호 생성 페이지를 만들 차례이다. 끝이 보이고 있다. 우선 반자동의 경우 특정 번호를 제외하는 기능으로 구현할 계획이다. 즉 내가 선택한 번호 외에 랜덤으로 6개를 뽑아주는 기능을 구현하는 것이다. 그러기 위해서는 저번에 자동구현에 제거할 번호 Table을 위에 생성해주어야 한다. 다음과 같이 제거할 번호 테이블 html을 작성한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 여기에서 check_count는 무엇일까 바로 javascript 함수인 제거할 번호를 array에 집어넣는 기능이다. 집어 넣는 것.. 2020. 7. 17.
Javascript sort가 안될때, 숫자 문자 object 배열 정렬 자바스크립트에는 추가로 설치할 필요 없이 내장 함수로 정렬을 할 수 있다. 바로 내장 함수 sort()이다. Javascript sort ----> arrayobj.sort(sortFunction) arrayobj이란 array object의 줄임말으로, 정렬할 배열이다. sortFunction은 어떤 방식으로 정렬할 지에 대한 함수이다. 처음엔, python의 sort와 비슷하게 생각하여 다음과 같이 자바스크립트를 프로그래밍하였다. var x = [20,10,3,5,13]; x.sort(); console.log(x); 다음을 실행시키고 x를 console.log로 찍어보면 어떤 값이 나올까 우리는 모두 x가 [3, 5, 10, 13, 20]이 나올 것이라고 생각한다. 왜나면, 지금까지 sort는 특정.. 2020. 7. 16.
로또번호 생성 웹사이트 무료로 만들기 5 이번 글에서는 저번글에 이어서 mainpage를 완성해보도록 하겠다. mainpage는 자동번호 받기 페이지로 만들 예정이다. 자동번호 받기 틀을 만들기 위해 우리는 오픈소스를 이용할 것이다. https://www.csscodelab.com/css-select-box-drop-down-item-hover-effect/ CSS Select Box Drop Down Item Hover Effect - CSS CodeLab CSS Select Box Drop Down item effect that you can implement into your website design and projects without any hesitation or any doubt. www.csscodelab.com 이 사이트에서 .. 2020. 7. 16.
로또번호 생성 웹사이트 무료로 만들기 4 이번 글에서는 저번 글에 이어서 navigator와 footer까지 마쳤으니 가장 중요한 main부분을 작성할 것이다. index.html의 main 부분은 자동번호 받기를 구현할 생각이다. 다음은 네이버의 918회차 당첨번호의 틀이다. 여기에서 중요한 점은 숫자 1~9 10~19 20~29 30~39 40~45까지 다른 색깔로 보여줘야한다는 것이다. 우리는 이 작업을 위해서 javascript코드를 작성해야한다. 우선 전체를 감쌀 div를 생성해주고 윗칸( 아랫칸(숫자들모임) div를 나눠줘야한다. 오늘의번호 5 10 21 37 41 42 다음과 같이 나눠줬다. 그 다음으로는 숫자에 따라 div의 css를 바꾸는 javascript를 프로그래밍해야한다. 정상적으로 작동하는지 확인하기 위해 우선 valu.. 2020. 7. 15.
로또번호 생성 웹사이트 무료로 만들기 3 이번 글에서는 저번 글에 이어서 웹사이트의 footer 부분을 구성하려고 한다. 이전글보기 footer를 구성하려고 하는 와중에 tistory의 footer부분이 맘에들어 이부분을 footer로 만들어 사용하려고 한다. 우선 index.html에 다음코드를 추가한다. 그 다음 css에 다음코드를 추가한다. .footer{ width:100%; height:100px; position:absolute; bottom:0; text-align: center; background-color: #6a737b; } 실행시키면 다음과 같은 페이지가 나온다. 그 다음 footer 중간에 원형의 프로필 이미지를 넣어야한다. html footer div에 다음과 같은 소스코드를 추가한다. img를 넣었으면 중앙부분에 프로.. 2020. 7. 14.
728x90

티스토리툴바