Page history of 스타트업을 위한 웹 개발 기초/교재

Preview HTML

Diff with current

---

Title: 스타트업을 위한 웹 개발 기초/교재 | edited by Youngrok Pak at 12 years, 3 months ago.

<h1>Django로 웹사이트 만들고 런칭하기</h1>
<p>
	 프로그래밍을 처음 해보는 사람이 Python 언어와 Django 프레임웍, 그외에 기타 여러 도구를 활용해서 기본적인 기능을 갖춘 웹사이트를 개발하고 런칭해본다.
</p>
<h2> 개발할 웹사이트의 내용</h2>
<p>
	 미니 쇼핑몰. Django Admin을 통해서 쇼핑몰 컨텐츠를 등록하면, 웹페이지에서 컨텐츠를 전시하고, 사용자가 구매하고, 댓글을 달 수 있게 한다.
</p>
<h3> 기능 목록</h3>
<ul>
	<li>회원가입 / 로그인</li>
	<li>상품 목록 보기</li>
	<li>상품 상세 내역 보기</li>
	<li>구매하기</li>
	<li>구매내역 보기</li>
	<li>댓글</li>
</ul>
<h3> 학습하게 되는 기술</h3>
<ul>
	<li>HTML / CSS 기초</li>
	<li>Python 기초</li>
	<li>Django 사용법</li>
	<li>Bootstrap 활용</li>
	<li>MVC 개념</li>
	<li>버전 관리</li>
</ul>
<h2> 개발 환경 준비</h2>
<h3> 개발 도구</h3>
<ul>
	<li><a href="http://www.sublimetext.com/">Sublime Text</a></li>
	<li><a href="http://www.mozilla.org/ko/firefox/new/">Firefox</a></li>
	<li><a href="http://brew.sh/">Homebrew</a></li>
	<li><a href="http://gitx.laullon.com/">GitX</a></li>
</ul>
<h3> Python &amp; Django</h3>
<pre>
&lt;code&gt;brew install python
pip install ipython
pip install django
</pre>
<ul>
	<li>Django bash completion</li>
</ul>
<h2> Django로 웹사이트 개발</h2>
<h3> 프로젝트 만들기</h3>
<pre>
&lt;code&gt;mkdir workspace
cd workspace
django-admin.py startproject minishop
cd minishop
chmod +x manage.py
./manage.py startapp shopping
./manage.py runserver
</pre>
<p>
	 <a href="http://www.mozilla.org/ko/firefox/new/">http://localhost:8000</a> 접속
</p>
<h3> git 저장소에 보관</h3>
<ul>
	<li> <a href="http://github.com">github</a> 가입, 저장소 만들기</li>
	<li>gitx로 커밋</li>
	<li>github에 push</li>
</ul>
<h3> Hello World</h3>
<ol>
	<li>urls.py에 url 등록</li>
	<li>settings.py에 app 등록</li>
	<li>텍스트로 Hello World!! 출력</li>
	<li>html로 출력</li>
</ol>
<h3> HTML 기초</h3>
<ul>
	<li>h1~h6</li>
	<li>a</li>
	<li>p</li>
	<li>div</li>
	<li>table</li>
	<li>ul, ol, li</li>
</ul>
<h3> CSS 기초</h3>
<ul>
	<li>font, color</li>
	<li>inline/block element</li>
	<li>content flows, float</li>
	<li>box model</li>
	<li>css file, style tag</li>
	<li>Bootstrap</li>
</ul>
<h3> The Fancy UI 따라하기</h3>
<ul>
	<li>navbar</li>
	<li>상품 사진</li>
	<li>상품 이름</li>
	<li>grid 배열</li>
</ul>
<h3> 상품 실제 데이터로 입력</h3>
<ul>
	<li>sqlite3</li>
	<li>model 설계</li>
	<li>django shell에서 갖고 놀기</li>
	<li>파이썬 기초 문법</li>
	<li>django admin에서 데이터 입력 </li>
</ul>
<h3> 상품 상세화면</h3>
<ul>
	<li>링크 누르면 상세화면으로 이동</li>
	<li>상품 사진, 이름, 설명</li>
	<li>구매 버튼</li>
</ul>
<h3> 로그인</h3>
<ul>
	<li>로그인이 필요한 기능 처리</li>
	<li>로그인 페이지</li>
	<li>가입</li>
	<li>로그아웃</li>
</ul>
<h3> 구매</h3>
<ul>
	<li>구매 처리</li>
	<li>구매 목록 보여주기</li>
</ul>
<h3> 댓글</h3>
<ul>
	<li>댓글 입력 UI</li>
	<li>댓글 저장</li>
	<li>댓글 보여주기</li>
</ul>
<h2> Deployment</h2>
<h3> Heroku</h3>