💡https://gnuoyus.tistory.com/103 에서 발생했던 문제의 이유에 대해서 그냥 내 생각을 써보고 어떻게 해결할 수 있었는지도 생각해보기. HTTP 1.1 vs HTTP 2.0 앞선 글에서 설명했던 HTTP 2.0은 1.1의 성능을 향상 시키고 개선한 프로토콜입니다. HTTP 1.1의 문제점은 아래와 같습니다. 1. HOL Blocking 2. Header가 너무 무겁다. HOL Blocking HTTP 1.1을 이용할 때 HOL Blocking이라는 문제가 발생한 이유는 하나의 연결에서 더 많은 데이터를 주고 받고 싶은데 이를 해결하기 위해서 pipelining을 이용했기 때문입니다. 그럼 pipelining이 뭘까요?? 특정 명령어를 여러 개로 나누어서 단계별로 나누고 중첩적으로 ..

HTTP 1.1과 HTTP 2.0 비교하기 HTTP 1.1은 HTTP 2.0의 등장 전까지 무려 15년 동안이나 유지되었습니다. 하지만 시간이 지나감에 따라 멀티미디어 리소스나 비동기 요청들이 하나의 웹 사이트에서도 굉장히 많이 발생하게 되면서 더 이상 HTTP 1.1이 버티기가 힘들었고 HTTP 2.0이 등장하게 됩니다. 그럼 HTTP 1.1에서의 문제점을 알아보고 HTTP 2.0에서 이를 어떻게 개선했는지에 대해서 알아보겠습니다. HTTP 1.1 알아보기 일단 HTTP 1.0에서는 하나의 connection을 이용해서 하나의 요청을 처리할 수 있었고 이렇게 되면 멀티미디어 리소스가 많은 상황에서 네트워크 지연이 발생하게 됩니다. 그래서 HTTP 1.1에서는 이를 해결하기 위한 하나의 방법으로 HTTP..

인증, 인가란?인증 : 사용자의 신원을 검증하는 프로세스ex) 로그인(비밀번호), 일회용 핀 등인가 : 사용자에게 특정 리소스나 기능에 액세스할 수 있는 권한을 부여하는 프로세스ex) 관리자 페이지, 특정 게시물 삭제 or 수정 권한 등 ⇒ 이러한 인증, 인가를 위해서 쿠키, 세션이 필요하다.왜 세션, 쿠키가 필요할까?우리가 Web에서 사용하는 프로토콜은 HTTP이다. HTTP의 특성에는 Stateless, Connectionless가 있다.Stateless : 통신이 끝나면 상태를 유지하지 않는 특성이다.Connectionless : 요청과 응답 후에 연결을 끊어 버리는 특성이다. 그렇기에 한 번의 HTTP 통신 이후에 이 통신에서의 정보를 기억하고 있지 않는다.그럼 로그인 했던 정보나 권한에 대한 정..

❓Software Architecture소프트웨어 아키텍처는 모든 소프트웨어 시스템의 기본 구조를 말하며 시스템이 제대로 기능하고 작동하도록 하는 모든 측면을 말한다.소프트웨어 시스템에서의 아키텍처는 물리적 설계가 아닌 구성 요소의 설계, 구성 요소 간의 관계, 사용자 상호 작용 및 시스템에 대한 사용자의 요구를 포함한다.예로써는 Microservices, client-server, layered architecture 등의 구조들이 있다.그렇다면 Layered Architecture는 무엇일까?❓Layered Architecture소프트웨어 개발에서 일반적으로 가장 많이 사용되는 아키텍처이다. Layer의 수에 따라 N Layered Architecture라고 불려지는데 단일 소프트웨어 단위로 함께 기..

Javascript, HTML, CSS의 역할 HTML : 문서의 구조를 나타냄. CSS : 문서 각 요소들의 스타일을 나타냄. JS : 이런 문서 각 구조와 스타일에 변화를 주거나 로직을 추가. 웹 상에서의 동작. 웹 페이지 상에서 JS, HTML, CSS는 함께 동작한다. 브라우저는 JS 코드를 실행 시켜서 HTML, CSS에 변화가 생긴다면 다시 브라우저에 해당 내용을 반영하여 랜더링에 사용자가 변화를 확인할 수 있게 해준다. 예시 HTML이 구조를 잡는다고 말했듯 아래의 그림과 같이 골격을 잡는다. CSS는 스타일을 담당한다고 말했다. 위에서 태그 p 부분의 폰트 크기와 색상을 바꾼다는 의미이다. JS는 구조와 스타일에 변화를 주거나 로직을 추가한다고 했다. 이 부분에서는 프롬프트에 값을 받으면 ..