IT Dev Log

Django - model 사용하기 장고의 웹 어플리케이션에서는 모델을 통해서 데이터에 접속하고 관리하게 됩니다. 모델은 저장된 데이터의 구조를 정의하고 데이터에 대한 필드타입, 사이즈 등등을 설정한다. 이번 포스팅에서는 모델을 정의 하는 방법, 또한 각각 필드데이터에 대한 속성에 대해서 알아본다. 1. 모델의 정의 모델의 django.db.models.Model 을 상속받아서 정의한다. 기본적은 모델은 다음과 같이 정의 할수 있다. - 필드(fields) 모델은 여러가지 타입의 데이터를 저정할수 있다. 여기서 데이터 타입은 데이터를 저장하는 데이터베이스의 필드속성에 매칭하는데 이용된다. 다음 예를 보자. my_field_name 은 데이터 필드의 이름이며, 문자열을 저장하기 위한 charField 타입..

Django - 16. 주문(order) 기능 구현하기 order 앱 생성하기 settings.py 에 order 추가하기 order models 생성하기 데이터베이스 변경사항을 확인하고 적용하기 카드앱으로 돌아가서 order 기능을 추가한다. cart_detail 에 order 관련 정보를 추가한다. billing과 shipping 정보를 추가한다. 카트 아이템을 이용해서 orderItem 을 생성한다. 주문한 아이템에 대해서 stock을 변경시켜준다. 이제 서버 재구동. 카트에 있는 물품을 pay with card 로 처리하면 "the order has been created".. 로그가 터미널에 보인다. admin 페이지에서 order 정보를 보기위해서 admin.py 에 등록해주어야 한다. 이제 ..

Django - 15. 결제(payment) 기능 추가하기 - stripe 0. stripe 계정 만들기 stripe 에서는 개발자를 위해서 test API key 를 제공한다. 이를 위해서 신규계정을 만들어보자. Create new account. Settings > Business settings Customer's Email settings. account setting. Stripe API. install stripe library to python. settings.py 에 stripe app 추가하기 그리고 settings.py 끝에 keys 추가한다. Publishable key & Secret key 는 stripe API 쪽에서 확인할수 있다. settings.py 에 등록한다. sett..

Django - 14. 장바구니(Cart) 기능 추가하기 장바구니(Cart) 기능 추가하기 - 현재 재고를 고려해서 장바구니에 추가 cart 폴더에 context_processors.py 파일을 생성한다. settings.py 에 등록한다. navbar.html : 카트에 현재 담겨있는 제품수를 보여준다. 이제 navbar 에 담겨있는 아이템 수를 표시해준다. 카트에 있는 제품을 삭제하기 ( cart.views ) cart.urls 등록하기 ( remove ) cart templates 에 추가 카트에 있는 상품 삭제하기 ( 휴지통 클릭 ) cart urls 추가하기 ( full_remove ) cart.html 템플릿 업데이트하기 휴지통 클릭으로 모든 상품 삭제. 끝.

Django - 13. 장바구니(Cart) 기능 구현하기 아래 그림과 같은 장바구니 기능 구현 장바구니 기능을 위한 cart app 생성하기 새로운 앱이 생성되었다. settings.py 에 cart app 등록하기 cart 관련 모델 생성하기 - models.py 새로운 모델을 생성하면 데이터베이스를 업데이트 해주어야 한다. Cart 뷰 생성하기 cart app 폴더에 templates 폴더를 생성하고 settings.py 에 등록해준다. cart.html 템플릿 만들기 Cart urls 만들기 메인 프로젝트 urls.py 에 등록하기 shop > product 템플릿에 "Add to Cart" 버튼에 url 추가하기 실행 결과 여기까지해서 +(플러스) 에 대한 기능한 구현된 상태이다. minus / ..

Django - 12. 검색 기능(Search) 구현하기 검색기능 구현하기 : 검색기능은 하나의 앱으로 분리해서 개발한다. 새로운 앱을 위해서 templates 폴더를 만들고, settings.py 에 app을 등록하고, templates 폴더를 추가한다. shop > templates > shop > navbar.html 의 search form을 다음과 같이 수정한다. csrf_token 은 ?? search_app > views.py search.html 템플릿 만들기 표시된 부분은 category 템플릿에서 복사해서 사용한다. urls.py 만들기 ( 새로 만들기 ) 프로젝트 urls.py 에 search_app.urls 을 등록한다. 다시 shop > navbar.html 에서 form에 대한 ..

Django - 11. 페이지 만들기(paginator) Paginator 란? 여러개의 아이템을 페이지 단위로 관라하는 툴.. 카테고리 페이지에 보여지는 제품을 페이지 단위로 변경해서 화면에 표시한다. 한화면에 최대 6개의 아이템까지 표시하도록 설정한다. 다음은 category 템플릿을 수정한다. 서버를 다시 구동하고 카테고리페이지를 확인한다. 만일 제품의 수가 6개미만인 경우, 아래쪽에 있는 페이지 버튼은 보이지 않게 된다. 끝..

Django - 10. Fontawesome 5 구현하기 Fontawesome 5이란? font 와 icon 툴킷 기반의 css 라고 생각하면된다. fontawesome.com 에서 툴킷을 다운로드 받는다. "Start for Free" 클릭하고 들어가면 아이콘을 다운로드 받을수 있다. 다운로드 받은 파일에서 fontawesome-all.min.css 을 static/css/ 폴더에 복사해 넣는다. 다음은 webfonts 폴더 전체를 복사해서 static 폴더 아래로 복사한다. 터미널로 돌아와서 python manage.py collectstatic 명령어를 통해서 모든 static 파일을 한번 정리(?)한다. 프로젝트 파일로 돌아와서 base.html 코드에 조금전에 다운로드 받은 fontawesome..

Django - 9. 제품 페이지 디자인하기 product.html 을 가지고 작업한다. 다음은 작업전 화면이다. 첫번째 작업. 네비게이션 다음 클래스를 적용한다. 그리고 my_prod_row_class 를 custom.css 에서 지정한다. 이렇게 화면이 바뀌는 것을 볼수있다. 다음은 제품 / 이미지 / 간단 설명 ....부분에 대한 스타일 적용 코드를 수정한 부분은 다음과 같다. 일부 스타일 적용 style 추가 Next, NEXT, NEXT, 제품 설명에 대한 스타일을 조금더 변경한다. 수정할 부분을 클래스로 지정하고 시작한다. Next, Add to Cart 에 스타일 적용 이렇게 부트스트랩을 이용해서 만들면 responsive 웹을 구현할수 있다. 끝..

Django - 8. 카테고리 페이지 디자인하기 카테고리 페이지 중에서 breadcrumb navigation 을 부트스트랩을 이용해서 다시 디자인한다. breadcrumb navigation 부트스트랩을 적용하기 위해서 다음과 같은 클래스를 추가해준다. 그리고 custom.css 에 각 클래스에 대한 부분을 지정해 주면된다. 다음은 배너, H1, 카테고리 이름/ 설명 스타일을 적용할 클래스 지정 각 클래스에 대한 스타일 작성한다. 변경후 화면 이미지 > 다음은 카테고리 정보 없이 회사의 배너를 보여주는 경우. 스타일 정의 할 부분에 클래스 명 지정 custom.css 에 추가한 클래스의 스타일 지정 브라우저에서 결과 확인 카테고리에 있는 제품 스타일링. 화면 보기 부트스트랩 사이트로 가서 Get Sta..