SlideShare a Scribd company logo
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!

More Related Content

PPTX
[Http완벽가이드] 9장 웹로봇
PPTX
웹 크롤링 (Web scraping) 의 이해
PDF
[PyConKR 2014] 30분만에 따라하는 동시성 스크래퍼
PDF
파알못의 파이썬 크롤러 이해하기
PDF
[Week2] 데이터 스크래핑
PPTX
141118 최창원 웹크롤러제작
PPT
Browsing With Firefox
PDF
아라한사의 스프링 시큐리티 정리
[Http완벽가이드] 9장 웹로봇
웹 크롤링 (Web scraping) 의 이해
[PyConKR 2014] 30분만에 따라하는 동시성 스크래퍼
파알못의 파이썬 크롤러 이해하기
[Week2] 데이터 스크래핑
141118 최창원 웹크롤러제작
Browsing With Firefox
아라한사의 스프링 시큐리티 정리

What's hot (15)

PDF
스프링 REST DOCS 따라해보기
PPTX
구글 검색엔진 최적화(Seo) 정리
PDF
[APM] Homepage bbs
PPTX
Go revel 컨셉_정리
PPTX
Selenium을 이용한 동적 사이트 크롤러 만들기
PDF
201803 파이썬 세미나
KEY
크롬 확장 프로그램 만들기 - Qr code generator
PDF
스프링 데이터 레디스 엘라스틱 발표자료
PPTX
플라스크 템플릿
PDF
파이썬을 활용한 웹 크롤링
PPTX
[PHPFest 2013] PHP 성능 향상 방법
PDF
Django, 저는 이렇게 씁니다.
PDF
Sencha seo
PDF
현대고등학교 PHP 강의 - 4차시 (설리번 프로젝트)
PPTX
Web Crawler 고군분투기
스프링 REST DOCS 따라해보기
구글 검색엔진 최적화(Seo) 정리
[APM] Homepage bbs
Go revel 컨셉_정리
Selenium을 이용한 동적 사이트 크롤러 만들기
201803 파이썬 세미나
크롬 확장 프로그램 만들기 - Qr code generator
스프링 데이터 레디스 엘라스틱 발표자료
플라스크 템플릿
파이썬을 활용한 웹 크롤링
[PHPFest 2013] PHP 성능 향상 방법
Django, 저는 이렇게 씁니다.
Sencha seo
현대고등학교 PHP 강의 - 4차시 (설리번 프로젝트)
Web Crawler 고군분투기
Ad

Viewers also liked (11)

PPTX
IT 인프라의 새로운 대안 Amazon Web Service
PDF
Web to sns
PDF
Pusher create web notification service via javascript
PDF
[2014널리세미나] 접근성 빅(?) 데이터, 새로운 법칙의 발견!
PDF
Web server page_ed10
PPTX
HTTP web server 구현
PDF
Media Service on a Cloud :: 콘텐츠연합플랫폼 :: AWS Media Day 2016
PDF
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
PDF
Service Design for Museum 미술관을 위한 서비스 디자인
PDF
T1M Partners
PPTX
Social network service
IT 인프라의 새로운 대안 Amazon Web Service
Web to sns
Pusher create web notification service via javascript
[2014널리세미나] 접근성 빅(?) 데이터, 새로운 법칙의 발견!
Web server page_ed10
HTTP web server 구현
Media Service on a Cloud :: 콘텐츠연합플랫폼 :: AWS Media Day 2016
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Service Design for Museum 미술관을 위한 서비스 디자인
T1M Partners
Social network service
Ad

Similar to web study 1day (20)

PDF
화성에서 온 개발자, 금성에서 온 기획자
PDF
Learning HTML5
PDF
CoreDot TechSeminar 2018 - Session1 Park Jihun
PPTX
Web server
PDF
한국청소년정보과학회 1회 세미나 - RestFul API Basic
PDF
JSP 프로그래밍 #01 웹 프로그래밍
PPTX
3.web의역사와browser
PDF
웹개발자가 알아야할 기술
PPTX
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
PPTX
Servlet&jsp 1장
PPTX
HeadFisrt Servlet&JSP Chapter 1
 
PDF
장고로 웹서비스 만들기 기초
PPTX
Web hacking introduction
 
PDF
삶이편해지는_백엔드_개발자_지식.pdf
ODP
00. orientation
PPTX
Django로 배우는 쉽고 빠른 웹개발 study 자료
PPTX
2조 프로젝트 보고서 김동현
PDF
20131217 html5
PDF
Web and server
PDF
WoO 2012-Web 서비스 기술
화성에서 온 개발자, 금성에서 온 기획자
Learning HTML5
CoreDot TechSeminar 2018 - Session1 Park Jihun
Web server
한국청소년정보과학회 1회 세미나 - RestFul API Basic
JSP 프로그래밍 #01 웹 프로그래밍
3.web의역사와browser
웹개발자가 알아야할 기술
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
Servlet&jsp 1장
HeadFisrt Servlet&JSP Chapter 1
 
장고로 웹서비스 만들기 기초
Web hacking introduction
 
삶이편해지는_백엔드_개발자_지식.pdf
00. orientation
Django로 배우는 쉽고 빠른 웹개발 study 자료
2조 프로젝트 보고서 김동현
20131217 html5
Web and server
WoO 2012-Web 서비스 기술

web study 1day

  • 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 need to 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 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