HTTP 1.1 VS HTTP2.0/Capstone design

h1 파일 send-recv μ„±λŠ₯, μ•Œκ³ λ¦¬μ¦˜ μž‘μ„±ν•˜κΈ°

λ„μΊλ¦¬πŸ± 2021. 7. 19. 23:23
λ°˜μ‘ν˜•

Part 1. 파일 뢄석

 

h1 μ—­μ‹œ json 파일의 κ΅¬μ‘°λŠ” h2 와 κ°™μ•˜λ‹€. 

"constants" , "events", "polledData" 이 3κ°€μ§€μ˜ 킀값이 μžˆλ‹€. 

 

ν•΄λ‹Ή ν‚€κ°’μ˜ 벨λ₯˜λ“€λ‘œ μ–΄λ–€ 것듀이 μžˆλŠ”μ§€λŠ” 이전 ν¬μŠ€νŒ…μ—μ„œ μ΅μˆ™. 

h1 / 162324μ€„μ΄λΌλ‹ˆ..

 


 

net-log 둜 ν•„μš”ν•œ 정보에 λŒ€ν•΄μ„œ λ¨Όμ € ν™•μΈν•œλ‹€. 

μ•„λž˜ 체크 ν‘œμ‹œν•œ 곳을 μžμ„Ένžˆ 보아야 ν•œλ‹€.

 

net-log λ₯Ό λ³Όλ•Œ, 자주 λ³΄μ΄λŠ” 'SOCKET' source type을 μ΄ν•΄ν•˜κΈ° μœ„ν•΄ μ†ŒμΌ“μ— κ°œλ…μ— λŒ€ν•΄ μ•Œκ³  μžˆμ„ ν•„μš”κ°€ μžˆλ‹€.

 

SOCKET은 μ†Œν”„νŠΈμ›¨μ–΄μ™€ μ†Œν”„νŠΈμ›¨μ–΄λ₯Ό μ—°κ²°ν•˜κ³ , 데이터λ₯Ό μ „λ‹¬ν•œλ‹€.

μ—¬κΈ°μ„œλŠ” μ„œλ²„μ™€ ν΄λΌμ΄μ–ΈνŠΈλ₯Ό μ—°κ²°ν•˜λŠ” 것을 λ•λŠ” 아이라고 λ³΄λ©΄λœλ‹€.

즉, μ‹€μ œ μΈ‘μ •ν•˜λ €λŠ” send, recv μ™€λŠ” λ¬΄κ΄€ν•˜λ‹€κ³  보면 λœλ‹€.

 

μ•„λž˜ 링크에 μ†ŒμΌ“κ³Ό 슀트림의 κ°œλ…μ— λŒ€ν•΄ κ°„λž΅νžˆ μ •λ¦¬ν•΄λ‘μ—ˆλ‹€. 

2021.07.25 - [Capstone design] - Socket κ³Ό Stream

 

net-log 둜 정보 보기

 


 

 

μ•„λž˜ 사진 μ—μ„œ,  SEND_REQUEST_HEADERS λ₯Ό send 둜 λ³΄μ•˜λ‹€. 

SEND_REQUEST_HEADERS : t = 7082

 

HTTP/1.1 확인 ν•  수 μžˆλ‹€. 

 


 

URL_REQUEST | SCat.jpg μ—μ„œ, READ_BODYλ₯Ό μŠ€νŠΈλ¦Όλ³„λ‘œ κ°€μ Έμ˜€κ³  μžˆλŠ” 것을 μ•„λž˜ μ‚¬μ§„μ—μ„œ λ³Ό 수 μžˆλ‹€.

 

그리고 Stream 을 마치고 , λ°”λ‘œ favicon을 Request ν•œλ‹€. κ·Έλž˜μ„œ 이뢀뢄을 receive둜 λ³΄μ•˜λ‹€. 

>> favicon을 Request t: 7663

 

 

 

 


 

 

Part 2. μ•Œκ³ λ¦¬μ¦˜ μž‘μ„±

 

send λŠ” 첫번째 URL REQUEST κΈ°μ€€, 

receiveλŠ” favicon.ico URL_REQUEST 둜 λ³΄μ•˜λ‹€.

 

이미지 ν•œκ°œμ˜ 경우 μ‚΄νŽ΄λ³΄λŠ” κ°’ λŒ€λ½ 사진

 

이미지 μ—¬λŸ¬ 개의 경우 μ‚΄νŽ΄ 보게 λ˜λŠ” κ°’ 사진

 

 

json νŒŒμΌμ„ μ‚΄νŽ΄λ³΄μ•˜μ„ λ•Œ,

172.30.1.28 이 μžˆλŠ” 곳은 events ν‚€ μ•ˆμ— {} μ΄λ ‡κ²Œλ§Œ μ‘΄μž¬ν–ˆλ‹€.

(h2의 κ²½μš°μ—λŠ” spdySessionInfo 둜,

ν•΄λ‹Ή ν˜ΈμŠ€νŠΈκ°€ 뢀여받은 아이디 값을 찾은 후에 μ›ν•˜λŠ” 데이터λ₯Ό μ°Ύμ•˜λŠ”λ°,

h1의 경우 spdySessionInfo μ—λŠ” ν•΄λ‹Ήν•˜λŠ” μ›ν•˜λŠ” 값에 μ ‘κ·Όν•  μˆ˜κ°€ μ—†λ‹€.)

 

↓ SPDYκ°€ 무엇이냐

https://ko.wikipedia.org/wiki/SPDY

μ• μ΄ˆμ— spdyκ°€ h2와 λΉ„μŠ·ν•œ κ²ƒμœΌλ‘œ ν‚€κ°’μ˜ λͺ…μΉ­μœΌλ‘œλ§Œ 해도 이해가 λ˜λŠ” 값이닀.

 

 

μ›ν•˜λŠ” 값듀을 λΆ„λ₯˜ν•˜κΈ° μœ„ν•œ constants κ°’λ“€ λΆ€ν„° 확인을 ν•˜λ©΄ μ•„λž˜μ™€ κ°™λ‹€.

"URL_REQUEST": 1,

"HTTP_STREAM_JOB": 142,

 

 

κ·Έλž˜μ„œ μ•Œκ³ λ¦¬μ¦˜μ€ μ•„λž˜μ™€ 같이 μž‘μ„±ν–ˆλ‹€.

이미지 ν•œκ°œμΌ λ•Œ 값을 잘 κ°€μ Έμ˜¨λ‹€.

 

이미지가 μ—¬λŸ¬κ°œμΌ λ•Œλ„ 처음 Request 와 λ§ˆμ§€λ§‰ faviconμ΄λ―€λ‘œ 잘 κ²°κ³Ό 값이 λ‚˜μ˜€λŠ” 것을 확인 ν•  수 μžˆλ‹€. 

이미지 μ—¬λŸ¬κ°œμΌ λ•Œλ„ 잘 κ°€μ Έμ˜¨λ‹€.


 

Part 3. Django에 적용

 

λ‹€μŒ ν¬μŠ€νŒ…μ—μ„œ ν•΄μ•Όν•  것

→ Django μ—μ„œ h1  κ·Έλž˜ν”„ 그리기

 Django μ—μ„œ h1 ν•˜κ³  h2 같은 κ·Έλ£Ήλͺ… λ¬Άμ–΄μ„œ κ·Έλž˜ν”„λ‘œ 그리기

 

 

λ°˜μ‘ν˜•