일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 선택자
- caching
- https
- vue
- typeScript
- vue3
- JavaScript
- QUIC
- csr
- Cypress
- aws
- ViTE
- e2e
- 비동기
- vue-cli
- api test
- svelte
- custom command
- ts error
- devtools
- web vital
- msw
- import.meta.env
- TLS
- CloudFlare
- SSR
- rendering
- http3
- CSS
- Testing
- Today
- Total
목록2023/07/03 (4)
Develop Note by J.S.
Cloudflare에서 HTTP/3 설정 방법 및 프로토콜 확인 방법입니다. 1. Cloudflare - HTTP/3 활성화 Dashboard -> Speed → 최적화 → 프로토콜 최적화 Tab → HTTP/3(QUIC 사용) 2. 활성 상태 확인 HTTP/3(QUIC 사용) 버튼 활성 화 후 상태값 확인 3. 개발자 모드 Response Protocol 확인 페이지 접속 → 개발자모드 → Network 탭 (protocol tab 추가) → HTTP/3 프로토콜 적용 확인 4. HTTP/3 지원 여부 확인 사이트 https://www.http3check.net/?host=aws.amazon.com HTTP/3 지원 여부 확인 5. 유의사항 Cloudflare에서 http3, https(ssl)를 적용..
Cloudflare를 개인 사이트와 연결하는 방법입니다. 1. 가비아 도메인 구매 먼저 사용하기를 원하는 도메인을 입력하여 구매합니다. 2. Cloudflare 웹 사이트 등록 구매한 도메인을 Cloudflare의 웹 사이트 검색 란에 검색하여 추가합니다. 서브 도메인 형태(ex. http://2차주소.도메인주소)의 도메인은 등록할 수 없기에 무료 도메인 제공 사이트를 찾아보았으나 모두 서브 도메인 형태로만 무료 제공을 하여 가비아에서 결제 후 진행 하였습니다. 3. Cloudflare 개인 블로그 정보를 DNS 레코드 추가 웹 사이트 등록 후 해당 사이트 대시보드에서 DNS -> 레코드에 진입하면 레코드를 추가할 수 있습니다. 등록할 사이트의 서브 도메인, www 등의 이름과 IP를 등록합니다. 4. ..
CDN(Content Delivery Network)이란 지리적으로 서버가 분산이되어 웹 콘텐츠의 전송 속도를 높여 페이지 로딩속도를 향상시키는데 주목적을 두고 있습니다. 데이터 용량이 큰 Image, VOD 등 기타 파일들이 Caching되어 실제 물리적으로 가까운 서버에서 빠르게 가져올 수 있습니다. 예시로 온라인 영상 스트리밍 서비스 넷플릭스의 경우 자체 CDN을 구축하여 서비스를 제공하고 있습니다. 대표적인 CDN 클라우드 서비스는 AWS CloudFront와 Cloudflare가 있습니다. Cloudflare 전 세계 150대의 데이터 센터를 보유 Reverse Proxy 아키텍쳐로 데이터 관리 * 요청을 받는 서버(내부망) 앞단에 있는 Proxy 서버로 외부망에서 해당 서버로 접속 시 거치는 ..
HTTP는 HyperText Transfer Protocol 의 약자로 Web브라우저에서 사용하는 네트워크 통신 프로토콜입니다. HTTP는 현재 HTTP3 버전까지 나온 상태이며 각 버전별 특징을 간략하게 정리하였습니다. 우선 HTTP 버전설명 전에 TCP와 UDP의 차이점을 알아야 할 것 같습니다. TCP : OSI 4계층의 연결형 프로토콜로 신뢰성있는 데이터 통신이 가능하며, 에러 복구, 흐름제어 기능을 담당합니다. UDP : 같은 4계층의 비연결형 프로토콜로 순서가 보장되지 않고 흐름제어를 할 수 없지만, 속도가 빠르고 checkSum을 통해 최소한의 오류를 잡습니다. HTTP 1.1 (TCP) Connection 한개당 하나의 요청만 처리가 가능하여 요청/응답이 1:1 Sequence로 동작. H..