일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- React
- Sass
- 코딩테스트
- http
- DOM
- csr
- 프론트엔드
- 취업준비
- SSR
- css
- React Query
- 비동기
- error
- 알고리즘
- Browser
- 백준
- dynamic import
- 서버
- 개발자
- Next.js
- 코딩
- 취업
- 차이
- 공부
- 에러
- Vite
- html
- JavaScript
- TypeScript
- Git
- Today
- Total
목록http (2)
minTech
몇달 전, 나는 브라우저의 렌더링 원리에 대해 공부하고, 그를 바탕으로 블로그를 작성한 적이 있다. 궁금하다면 👉 브라우저의 렌더링 원리 그런데 이번에 프로젝트 리팩토링 과정을 거치면서 이미지 리소스 요청 부분에서 많은 요청이 이루어져 해당 부분에 대한 오류를 수정한 적이 있다. 리소스 요청이 많아지면 성능에 좋지 않다는 것은 알고 있었지만, 구체적으로 어떻게 이루어지는지와 왜 성능이 저하되는지에 대해 궁금해졌다. 이 부분에 대해 알기 전, 기본적으로 웹 페이지가 로딩되는 과정에 대해 알아보는 것이 좋다고 생각하여 공부하였고, 공부한 내용을 바탕으로 글을 작성해보았다. (물론 대부분이 조사한 내용과 거의 비슷하지만,, ) 1. 내 컴퓨터와 웹서버와 연결한다.먼저 유저는 원하는 웹페이지가 있다면 해당 ..

HTTP (HyperText Transfer Protocol) 한 번쯤 http에 대해서 많이 들어보았을 것이다. 특히 서로 친구들이나, 가족들에게 재밌는 동영상을 공유할 때 URL을 주고받는다. 이를 자세히 살펴보면 http가 URL의 맨 처음에 위치해있음을 알 수 있다. 👀 HTTP http는 하이퍼텍스트를 전송하는 프로토콜이다. 프로토콜 : 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계 - from MDN- 즉, 웹 브라우저와 서버가 데이터를 교환할 때 http 프로토콜에 맞게 이루어져야한다. HTTP Method 웹 브라우저와 서버 사이의 요청(request)과 응답(response)가 이뤄지는 방식을 말한다. request에 원하는 동작을 위한 메소드 값을 넣어..