What the web?
Web! 
Client 
Client 
Internet 
server 
web 
Server 
Database 
Client : Browser (IE, Chrome, FireFox. Safari) 
.. 
Web Server : Apache, Tomcat, NginX .. 
Database : MySQL, MsSaql, NoSql ..
Shopping Mall 
로그인 
1. 만약 noggong 이란 아이디가 접속을 시도 하면 로 
그인된다 
2. 만약 회원 Table에 없는 아이디가 접속을 시도하면 
가입창으로 이동시킨다 
주문 
1. 회원 Table 에 있는 아이디가 상품 Table 에 
있는 물건을 주문한다 
2. 주문한 상품의 amount 가 주문한 갯수 만큼 
있는 지 확인한다 
3. 만약 주문한 갯수보다 amount가 적을 경우 
상품 부족임을 알려준다 
4. 주문한 상품과 주문자의 정보를 주문 Table 
에 넣는다 
회원 Table 
상품 table 
주문 table
Things we need to learn 
• Html , css , Javascript 
• -> Bootstrap3, Jquery 위주 
• Database ( MySql) 
• Linux (Aws) 
• Python , Django
What are them? 
• Front-end 
• 내 컴퓨터 (browser) 가 해석 하는 언어 
• html, css(stylesheet), Javascript 
• Back-end 
• 서버 컴퓨터가 해석하는 언어 
• php, python, c…
Request 
http://localhost:8080/admin 
Source 
DJango (python), Stylesheet, 
Html 
Javascript 
Python 
web Server 
Domain :Localhost 
IP : 127.0.0.1 
port:8080 
port:80 
port:3306 Response 
요청 URL에 대한 내용 중 
browser 가 front-end 언어를 
해석해서 보여줌 
backend 언어만 해석해서 전달
HTTP 
• request 
• response 
• header 
• body
Http Method 
• Get 
• Post 
• Put 
• Delete
Set Environment 
• Git 
• 형상 관리툴 
• bitbucket.org 
• Vmware 
• 가상 머신. 컴퓨터 안에 가상으로 컴퓨터를 한대 셋팅 해줌 
• IDE 
• python 개발툴 
• pycharm , sublime text2 
• https://www.jetbrains.com/pycharm/
# su 
password : password 
#adduser <ID> 
#sudo usermod -aG sudo <ID> 
#su <ID>
• #sudo python get-pip.py 
• #sudo pip install virtualenv 
• #mkdir ~/.virtualenvs 
• #sudo vi ~/.bashrc 
• export WORKON_HOME=$HOME/.virtualenvs 
• export PROJECT_HOME=$HOME/Workspace 
• pip install virtualenvwrapper 
• #sudo vi ~/.bashrc 
• source /usr/local/bin/virtualenvwrapper.sh 
• # source ~/.bashrc 
• mkvirtualenv blog 
• workon blog 
• pip install django
Thank you!

web study 1day

  • 1.
  • 2.
    Web! Client Client Internet server web Server Database Client : Browser (IE, Chrome, FireFox. Safari) .. Web Server : Apache, Tomcat, NginX .. Database : MySQL, MsSaql, NoSql ..
  • 3.
    Shopping Mall 로그인 1. 만약 noggong 이란 아이디가 접속을 시도 하면 로 그인된다 2. 만약 회원 Table에 없는 아이디가 접속을 시도하면 가입창으로 이동시킨다 주문 1. 회원 Table 에 있는 아이디가 상품 Table 에 있는 물건을 주문한다 2. 주문한 상품의 amount 가 주문한 갯수 만큼 있는 지 확인한다 3. 만약 주문한 갯수보다 amount가 적을 경우 상품 부족임을 알려준다 4. 주문한 상품과 주문자의 정보를 주문 Table 에 넣는다 회원 Table 상품 table 주문 table
  • 4.
    Things we needto learn • Html , css , Javascript • -> Bootstrap3, Jquery 위주 • Database ( MySql) • Linux (Aws) • Python , Django
  • 5.
    What are them? • Front-end • 내 컴퓨터 (browser) 가 해석 하는 언어 • html, css(stylesheet), Javascript • Back-end • 서버 컴퓨터가 해석하는 언어 • php, python, c…
  • 6.
    Request http://localhost:8080/admin Source DJango (python), Stylesheet, Html Javascript Python web Server Domain :Localhost IP : 127.0.0.1 port:8080 port:80 port:3306 Response 요청 URL에 대한 내용 중 browser 가 front-end 언어를 해석해서 보여줌 backend 언어만 해석해서 전달
  • 7.
    HTTP • request • response • header • body
  • 8.
    Http Method •Get • Post • Put • Delete
  • 9.
    Set Environment •Git • 형상 관리툴 • bitbucket.org • Vmware • 가상 머신. 컴퓨터 안에 가상으로 컴퓨터를 한대 셋팅 해줌 • IDE • python 개발툴 • pycharm , sublime text2 • https://www.jetbrains.com/pycharm/
  • 10.
    # su password: password #adduser <ID> #sudo usermod -aG sudo <ID> #su <ID>
  • 11.
    • #sudo pythonget-pip.py • #sudo pip install virtualenv • #mkdir ~/.virtualenvs • #sudo vi ~/.bashrc • export WORKON_HOME=$HOME/.virtualenvs • export PROJECT_HOME=$HOME/Workspace • pip install virtualenvwrapper • #sudo vi ~/.bashrc • source /usr/local/bin/virtualenvwrapper.sh • # source ~/.bashrc • mkvirtualenv blog • workon blog • pip install django
  • 12.