본문 바로가기

HTTP 1.1 VS HTTP2.0/Capstone design17

Socket 과 Stream Socket OSI7 Layer 나,TCP/IP 4 Layer에 대해 들어봤을 것이다. (혹시 들어보지 않았다면 간단한 구글링을 통해 개념을 확인하자!) 여하튼, 이런 계층이 필요한 이유는 네트워크 장비 프로그램이나 장비개발을 쉽게하기 위함이라고 볼수 있다. 계층을 나눔으로써 몇 개의 프로토콜로 개발을 할 수 있게 되었는데 그러기 위해서는 해당하는 프로토콜을 구현하는 프로토콜이 있어야 한다! 다행이 구현하는 프로토콜, 즉 이미 만들어진 코드는 제공되는데 이게 바로 소켓이다. 소켓에서 지원하는 다양한 함수는 인터넷 사용 프로토콜을 지원한다. TCP/IP 계층에서 보면 전송계층 위에 놓기게 되어, 전송 계층 위에 놓여 소켓 계층이라고 불리기도 한다. 소켓이 하는 일은 대락젹으로 아래 사진과 같다고 이해하면 .. 2021. 7. 25.

h1 파일 send-recv 성능, 알고리즘 작성하기 Part 1. 파일 분석 h1 역시 json 파일의 구조는 h2 와 같았다. "constants" , "events", "polledData" 이 3가지의 키값이 있다. 해당 키값의 벨류들로 어떤 것들이 있는지는 이전 포스팅에서 익숙. net-log 로 필요한 정보에 대해서 먼저 확인한다. 아래 체크 표시한 곳을 자세히 보아야 한다. net-log 를 볼때, 자주 보이는 'SOCKET' source type을 이해하기 위해 소켓에 개념에 대해 알고 있을 필요가 있다. SOCKET은 소프트웨어와 소프트웨어를 연결하고, 데이터를 전달한다. 여기서는 서버와 클라이언트를 연결하는 것을 돕는 아이라고 보면된다. 즉, 실제 측정하려는 send, recv 와는 무관하다고 보면 된다. 아래 링크에 소켓과 스트림의 개념.. 2021. 7. 19.

[Django] FileNotFoundError 해결법! #👍 Django 파일 경로 해결법! 먼저 나는 프로젝트 내부에 사용자가 업로드한 json 파일을 열기 위해 해당 경로를 얻어 오는 중 이 오류를 만났다. 정말 별거 아닐 거 같음에도 2일을 해결 못했다... 구글링으로 해결 못했지만 결국 구글링으로 해결한... (뭐지.. 🤯 + 😡) 결론은 .getcwd() 메소드 였다! 근데 스택 오버 플로우에 보면은 위와 같은 os.path.realpath~ , os.path.dirname~ 으로도 해결한 경우가 많은 것 같았다. .getcwd() 메소드는 현재 "프로세스" 의 작업 디렉터리를 반환해준다. (고민하던 것의 만능 해결사 같이 느껴졌던 메소드 👍) 이거 해결을 못하는 날들동안은 "이거 어떡하지" 싶었는데, 해결하고 나니 뚝딱! 혹시라도 머리 싸매고 이 글을 .. 2021. 6. 17.

HTTP2 Json 로그의 파일 구조 / json parsing 알고리즘 짜기 아주 긴 네트워크 로그 이지만 간단한 구조를 살펴보니, 아래와 같았다. params의 정보들이 다른 경우가 꽤 있었다. 그래서 해당 값의 내부에 접근 시에는 "try~ except~" 문을 사용하여서 예외처리를 해주었다. { "constants" : {}, "events": {[ { "params": {} "phase": "source": { "id": "start_time": "type": }, "time": "type": } , {} ,{} ,{} ,{} ]}, "polledData":{} 첫번째 "constants" : "constants" Key값의 Value값은 아래 사진 같은 키값으로 분류되어 있었고, value값인 int 로 아래에 기록 되는 부분을 볼 수 있다. 원하는 값에 대해서만 확인을.. 2021. 6. 11.

[#5 Http1.1 vs Http2.0] 문제 해결 / 파일 사이즈 별 측정/ 오픈 소스 조사 문제 해결 문제: Http1.1 에서 이미지파일이 제 크기로 가지 않아서 측정이 잘 못 됨. 네트워크 로그에서 JPEG가 아닌 TEXT로 가고 있었다... ... 1. 크롬 브라우저가 1.1지원을 안해서 플래그를 설정해두었는데, 그게 잘못되어있는 건 아닐까 싶었다. 구글링을 통해 HTTP1.1 플래그 설정을 영문으로, 한글로 검색을 더 해보았는데 마땅히 참고할만한것이 나오지 않았고, 여러 블로그나 문서들을 통해 따라 해봤는데 안되었다. chrome://flags/ 2. 아래에는 크롬에서 자동으로 한번 HTTPS로 방문한 얘들을 이후에도 바로 HTTPS로 연결 가능하게끔 해주는 것을 도메인 삭제를 통해서 없애는 것이다. (혹시 HTTP 서버 임에도, 계속해서 HTTPS 로 가는 건 아닌가 싶었다.) chr.. 2021. 5. 24.

cat 10 / (0) cat10 이미지 사이즈 4.4KB(4,368) (1) cat10.jpeg 이미지 하나 가져오기 (HTTP 1.1) - chrome의 개발자 모드의 network 모니터링 모드 - net-log 기록 (2) 사이즈가 최소 1KB 이상인 이미지 3개를 가져오기 (HTTP 1.1) 사용한 이미지 3개 크기 cat1: 4.4KB(4,368) cat7: 5.0KB cat21: 6.9KB - chrome의 개발자 모드의 network 모니터링 모드 - net-log 기록 (3) cat10.jpeg 이미지 하나 가져오기 (HTTP/2) - chrome의 개발자 모드의 network 모니터링 모드 - net-log 기록 (4) 사이즈가 최소 1KB 이상인 이미지 3개를 가져오기 (HTTP/2) 사용한 이미지 .. 2021. 5. 6.

[#4 Http1.1 vs Http2.0] Chrome-net-export 로 Img 10, 50, 100/Img S,M,L 제대로 성능평가 1️⃣ 수집된 데이터 사용된 필드 t = 시간 [st=밀리초] 이벤트 유형 t = 123808[st=1] HTTP2_SETTION_SEND_HEADERS - 첫번째 필드 t는 브라우저 세션이 시작된 시점부터 경과한 시간을 밀리초 단위로 표시한다. (123808은 123.8초후 이 세션이 시작되었음을 의미한다.) - 두번째 필드 'st'는 HTTP/2 세션이 시작된 시점부터의 상대적 시간을 밀리초 단위로 표시한다. 예를 들어, 1은 HTTP/2가 시작된지 1밀리초 후에 이벤트가 발생했음을 나타낸다. 2️⃣ 수행 정리 엑셀 시트 https://docs.google.com/spreadsheets/d/1ifBqptXL09vX0zMQe1AGBAEvsHZwrHhqJvATiESnq1g/edit?usp=sharing .. 2021. 5. 3.

[#3 Http1.1 vs Http2.0] 분석Tool + Img S, M, L(사이즈 별) 성능평가 [준비] 👉 1) 이미지 S,M, L 준비하기. L: 37.2 MB/ 규격: 30000x20000 M: 12.9MB/규격: 18000x12000 S: 6.1MB /규격: 6000x4000 👉 2) HTML 파일 만들기 👉3) 성능평가! (아래 포스트에서 작성한 툴을 사용하여!) 2021.04.21 - [Capstone design] - http 프로토콜 분석 툴 공부하고 사용하기. [수행] 요청을 보내고, 모든 것을 받아오기 까지의 시간. [참고] IP패킷: 패킷의 길이, 전송방법(출발지/목적지), TCP 통신에 필요한 여러 항목을 정의하고 있는 구조로 캡슐화된 bytes의 모음(페이로드payload)이다. 패킷의 페이로드 하나에 넣을 수 있는 가장 큰 데이터의 크기는 1460bytes다. 14600 b.. 2021. 4. 22.

http 프로토콜 분석 툴 공부하고 사용하기. ✅ 정리 👉 http1.1 은 순서대로 응답한다. 중간에 문제가 생기면 이후의 것들에 문제가 생긴다. 👉 http2.0은 동시 다발적으로 통신한다. 시작시에 암호화를 거친다. (지난 포스트 3,4번 결과) 👉 보통 100개정도 테스트 케이스 중에서, 큰것 3가지 작은 것 3가지를 삭제 후 평균값을 매긴다. 👉 왜? 어떻게? 좋은지에 대한 결과를 알 수 있는 받침이 있어야 한다. ❗️multiplex 챕터 ❗️certificate 챕터 ✅서적 참고 http 분석 툴 설치 후, 사용 방법 공부 chrome://net-export/ 1. 위의 사이트에 들어간다. 2. 네트워크 로그 기록 하기 3. 위의 netlog_viewer을 사용해서 기록된 json 파일을 열면 아래처럼 다양한 정보를 확인 가능하다. < .. 2021. 4. 21.

[#2 Http1.1 vs Http2.0] Chrome + Img 10, 50, 100/ TTFB(firtst&last) 1. 시각적 표시 완료(Visually Complete) : 마지막 사진 기준 2. 마지막 시각적변경(Last Visual Change) : 마지막 사진 기준 3. 로딩시간(onLoad) : 로딩 시작 부터 끝까지 차이 시간 4. 로딩시간(전체 로딩 완료): 로딩이 완료 된 시간 5. DOM 콘텐츠 로딩 완료(Dom Content Loaded) 6. 속도 지수(Speed index) 7. 첫번째 바이트 수신기간 TTFB(Time to first Byte) : 첫번째 이미지 TTFB 기준 8. 타이틀 수신시간(Time to Title) 9. 렌더링 시작 시간(Time to start Render) 10. CPU 사용시간(Cpu busy Time) - performance에서 Http 1.1 이미지 10개 .. 2021. 4. 12.

[#1 Http1.1 vs Http2.0] Chrome + Img 10, 50, 100/ TTFB(firtst&last) [ 교수님 피드백 이후 나아가는 방향 정리] 1) 이미지 받기 10개, 50개, 100개 : Chrome 브라우저에서 TTFB(first & last) 2) 이미지 업로드 S,M,L 크기 별로. 3) 파일 업로드 100MB, 500MB, 1GB 4) 동영상 스트리밍 >> 패킷 손실률은 현재 테스트 환경으로는 의미가 없다. 나중에 네트워크 애뮬레이터를 돌릴 수 있는 SW 등을 설치 하여, 환경을 만들어 볼 수 있다. [크롬 개발자 도구 참고 자료 _네트워크 관련 ] Waiting (TTFB) - response의 첫번째바이트가 도달하는데 까지 기다린 시간(TTFB는 Time To First Byte) Content Download - content가 다운로드가 되는데 까지 기다린 시간, 시작 시점은 res.. 2021. 4. 6.

이미지 보내는 서비스 성능 평가 하기::안드로이드 스튜디오 웹앱 만들기 아래 3가지 서비스에 대하여, http 1.1프로토콜과 http2프로토콜의 TTFB / 지연시간/ 패킷손실률 / CPU Usage / Memory Usage 를 정량적으로 평가한다. 0. 서버, 클라이언트 세팅 python server - 하나의 html 파일에 이미지를 10개/ 50개/ 100개 보낼 수 있게 만든다. 기존 포스팅 했던 서버 두개를 사용한다. android client - html파일을 받아 올 수 있도록 WebApp형태로 만들기. 1) 각각 이미지를 서버에 두고(cat1~cat100) html 파일을 만들어 준다. 2) client 구현이 고민이 되었는데, webview 를 사용하였다. TTFB(Time to First Byte) 측정/ 지연시간 측정 / 패킷손실률 측정 /CPU Us.. 2021. 4. 5.

이전 1 2 다음

티스토리툴바