Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Web Architecture

Avatar for Inndy Inndy
May 11, 2016
Technology
0
410

Web Architecture

那些在瀏覽器背後發生的大小事情

Avatar for Inndy

Inndy

May 11, 2016
Tweet

More Decks by Inndy

See All by Inndy
工程師一定要懂的 Text Encoding
Avatar for Inndy inndy
1
720
資訊安全：麻瓜的黑魔法防禦術
Avatar for Inndy inndy
3
3k
HackmeCTF 平台背後的心酸血淚史
Avatar for Inndy inndy
2
850
COSCUP 2018 Lightning Talk - 審稿好難，所以我們來寫程式吧
Avatar for Inndy inndy
0
470
逆向工程：從入門到放棄
Avatar for Inndy inndy
7
3.6k
HITCON 2017 Zeroday 發表會
Avatar for Inndy inndy
0
1.3k
No More Crypto Fails
Avatar for Inndy inndy
33
8.2k
你再共用密碼啊
Avatar for Inndy inndy
1
770
CTF From Zero To One
Avatar for Inndy inndy
5
5.2k

Other Decks in Technology

See All in Technology
その設計、 本当に価値を生んでますか？
Avatar for akshimo shimomura
2
180
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
48k
形式手法特論：CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
Avatar for y_taka_23 ytaka23
1
140
AI時代の開発フローとともに気を付けたいこと
Avatar for KAMEGAWA Kazushi kkamegawa
0
160
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
16k
Databricksによるエージェント構築
Avatar for Takaaki Yayoi taka_aki
1
120
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
命名から始めるSpec Driven
Avatar for Kurowi kuruwic
3
830
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
340
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
原理から解き明かす AIと人間の成長 - Progate BAR
Avatar for Teba_eleven teba_eleven
2
300
Microsoft Agent 365 を 30 分でなんとなく理解する
Avatar for skmkzyk skmkzyk
1
290

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.2k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990

Transcript

  1. WEB ARCHITECTURE NTUST CODING CLUB

  2. WEB ARCHITECTURE OUTLINE ▸ Server & Client ▸ HTTP? ▸

    ೲӥ Enter ԏ盅咳ኞጱԪ ▸ 蝢懱㶧ਧ ▸ 礚፡ HTTP 獉਻

  3. ֑๐瑊 / ਮ䜛ᒒ Ӟ獤傶ԫ

  4. CLIENT SERVER ———— 翕᪠蝫娄 ————

  5. WEB ARCHITECTURE ਮ䜛ᒒ ▸ ֦ጱ倵薩瑊 ▸ 礓㮆 App ҁֺই物Facebook҂ ▸

    curl, netcatҁLinux 瞲犤҂ ▸ request ҁNodeJS ጱ HTTP client library҂

  6. WEB ARCHITECTURE ֑๐瑊 ▸ Apache ▸ LAMP — Linux /

    Apache / MySQL / PHP ▸ nginx ▸ 斕ᰁ玕ᘒӬ穉斃盠ጱ֑๐瑊 ▸ IIS ▸ 盏敟ڊߝ牧砇蟴 ASP.NET 螀֢ࣁ Windows Ӥ

  7. HTTP?

  8. HYPER TEXT TRANSFER PROTOCOL HTTP WEB ARCHITECTURE

  9. ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐

  10. None
  11. None
  12. None

  13. 奾๳牐

  14. WEB ARCHITECTURE ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 ▸ DNS 礚扇 ▸ ಩翕࣎旉矦౮

    IP ֖࣎ ▸ TCP 蝫娄 ▸ ݻ֑๐瑊咳蚏 TCP 蝫娄ᥝ穩 ▸ ୌ缏 HTTP 藶穩㪔Ӭ蝑ڊ ▸ 虏౯㮉㬵፡፡ HTTP ጱ獉਻牦 蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

  15. WEB ARCHITECTURE ▸ Routing ▸ 䲆礯䌘䛑 / 碝ᄤጱ敟誢᪠ኧ ▸ Controller

    / Script / CGI ▸ ݢ胼ฎӞ㮆 php 䲆礯牧犖ݢ胼ฎ NodeJS ጱ纷ୗ ▸ 蜴ࢧ HTTP ࢧ䛑妔ਮ䜛ᒒ ▸ 匍ࣁ֦ݢ犥፡ک Google Ḓ殷ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 蝡犚Ԫ眐᮷ฎኧ֑๐瑊ਠ౮ጱ

  16. WEB ARCHITECTURE ▸ 倵薩瑊ӥ斉ٌ犢虻碘 (瑽粙, CSS, ...) ▸ 叨ኞๅग़ጱ HTTP

    藶穩 ▸ HTML ჉礕୚砻樄ত向ڊ翕殷 ▸ JavaScript ୚砻樄ত᪒ JavaScript 纷ୗ ▸ 匍ࣁ֦ݢ犥ࣁ Facebook Ӥ咳䔂෈ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

  17. WEB ARCHITECTURE HTTP 藶穩 GET / HTTP/1.1\r\n Host: localhost\r\n Accept:

    text/html\r\n \r\n

  18. WEB ARCHITECTURE HTTP/1.1 200 OK\r\n Content-Length: 45\r\n Content-Type: text/html\r\n \r\n

    <html><body><h1>Hello, Web</h1></body></html> HTTP ࢧ䛑