Django로 웹사이트 만들고 런칭하기#

프로그래밍을 처음 해보는 사람이 Python 언어와 Django 프레임웍, 그외에 기타 여러 도구를 활용해서 기본적인 기능을 갖춘 웹사이트를 개발하고 런칭해본다.

개발할 웹사이트의 내용#

미니 쇼핑몰. Django Admin을 통해서 쇼핑몰 컨텐츠를 등록하면, 웹페이지에서 컨텐츠를 전시하고, 사용자가 구매하고, 댓글을 달 수 있게 한다.

기능 목록#

• 회원가입 / 로그인
• 상품 목록 보기
• 상품 상세 내역 보기
• 구매하기
• 구매내역 보기
• 댓글

학습하게 되는 기술#

• HTML / CSS 기초
• Python 기초
• Django 사용법
• Bootstrap 활용
• MVC 개념
• 버전 관리

개발 환경 준비#

개발 도구#

• Sublime Text
• Firefox
• Homebrew
• GitX

Python & Django#

brew install python
pip install ipython
pip install django

• Django bash completion

Django로 웹사이트 개발#

프로젝트 만들기#

mkdir workspace
cd workspace
django-admin.py startproject minishop
cd minishop
chmod +x manage.py
./manage.py startapp shopping
./manage.py runserver

http://localhost:8000 접속

git 저장소에 보관#

• github 가입, 저장소 만들기
• gitx로 커밋
• github에 push

Hello World#

1. urls.py에 url 등록
2. settings.py에 app 등록
3. 텍스트로 Hello World!! 출력
4. html로 출력

HTML 기초#

• h1~h6
• a
• p
• div
• table
• ul, ol, li

CSS 기초#

• font, color
• inline/block element
• content flows, float
• box model
• css file, style tag
• Bootstrap

The Fancy UI 따라하기#

• navbar
• 상품 사진
• 상품 이름
• grid 배열

상품 실제 데이터로 입력#

• sqlite3
• model 설계
• django shell에서 갖고 놀기
• 파이썬 기초 문법
• django admin에서 데이터 입력

상품 상세화면#

• 링크 누르면 상세화면으로 이동
• 상품 사진, 이름, 설명
• 구매 버튼

로그인#

• 로그인이 필요한 기능 처리
• 로그인 페이지
• 가입
• 로그아웃

구매#

• 구매 처리
• 구매 목록 보여주기

댓글#

• 댓글 입력 UI
• 댓글 저장
• 댓글 보여주기

Deployment#

Heroku#