728x90 반응형 분류 전체보기231 XMLHttpRequest(네트워킹과 웹 성능 최적화 기법) XMLHttpRequest XMLHttpRequest XMLHttpRequest는 웹 브라우저에서 제공하는 JavaScript 객체로, 서버와 상호작용하기 위해 사용됩니다. 주로 비동기적으로 서버에 데이터를 요청하고 응답을 처리하는 데에 쓰입니다. 이 객체는 AJAX(Asynchronous JavaScript and XML) 기술을 구현하는 데 사용되며, 최근에는 JSON과 같은 다양한 형식의 데이터를 다룰 수 있도록 발전해왔습니다. XMLHttpRequest를 사용하면 웹 페이지를 새로 고치지 않고도 서버로부터 데이터를 가져와 페이지의 일부를 업데이트할 수 있습니다. 주요 메서드와 이벤트 주요 메서드: open(method, url, async, user, password): HTTP 요청을 초기화합니.. 2023. 12. 4. 브라우저 네트워킹의 첫걸음(네트워킹과 웹 성능 최적화 기법) 브라우저 네트워킹의 첫걸음 브라우저 네트워킹의 첫걸음 브라우저 네트워킹은 웹 페이지가 서버와 통신하는 프로세스를 의미합니다. 이는 주로 HTTP 또는 HTTPS 프로토콜을 사용하여 이루어지며, 웹 페이지에서 데이터를 받아오거나 서버에 데이터를 보내는 데 사용됩니다. 브라우저 네트워킹의 기본 단계 URL 해석: 사용자가 브라우저에 URL을 입력하면, 브라우저는 이를 해석하고 해당 웹 페이지의 호스트, 프로토콜, 포트 등을 추출합니다. DNS 조회: 호스트 이름을 IP 주소로 변환하기 위해 DNS(Domain Name System) 서버에 요청을 보냅니다. 이 단계에서 호스트의 IP 주소를 얻습니다. TCP 연결: 브라우저는 얻은 IP 주소와 서버의 포트 번호를 사용하여 TCP(Transmission Con.. 2023. 12. 3. 애플리케이션 전송 최적화(네트워킹과 웹 성능 최적화 기법) 애플리케이션 전송 최적화 애플리케이션 전송 최적화 애플리케이션 전송 최적화는 애플리케이션이 데이터를 전송하는 과정을 효과적으로 관리하여 성능을 향상시키는 프로세스를 나타냅니다. 이는 네트워크 대역폭을 효율적으로 사용하고 사용자 경험을 최적화하는 것을 목표로 합니다. 애플리케이션 전송 최적화 다양한 방법 압축 및 최소화: 데이터를 압축하여 전송 크기를 줄이고, 이미지, 스크립트, 스타일 시트 등의 리소스를 최소화하여 전송 속도를 높입니다. 캐시 활용: 반복적으로 사용되는 리소스를 로컬 캐시에 저장하여 필요할 때 다시 다운로드하지 않고 사용할 수 있도록 합니다. 이는 사용자가 애플리케이션을 여러 차례 방문할 때 로딩 시간을 단축합니다. 로드 지연 최소화: 애플리케이션이 초기 로드될 때 필요한 핵심 리소스를 .. 2023. 12. 2. HTTP 2.0(네트워킹과 웹 성능 최적화 기법) HTTP 2.0 HTTP 2.0 HTTP/2.0은 월드 와이드 웹에서 데이터를 전송하기 위한 프로토콜 중 하나로, 이전 버전인 HTTP/1.1의 성능과 효율성을 향상시키기 위해 개발되었습니다. HTTP/2.0의 주요 특징과 동작 방식 Multiplexing (다중화): HTTP/2.0은 한 번에 여러 개의 요청 및 응답을 처리할 수 있도록 설계되어 있습니다. 이전의 HTTP/1.1은 요청과 응답이 순차적으로 이루어져야 했지만, HTTP/2.0에서는 다중화를 통해 여러 스트림을 동시에 처리할 수 있습니다. 이것은 웹 페이지의 로딩 속도를 향상시키는 데 도움이 됩니다. Header Compression (헤더 압축): HTTP/2.0은 헤더 필드를 압축하여 전송하는 방식을 사용합니다. 이전의 HTTP/1.1.. 2023. 12. 1. HTTP 1.X(네트워킹과 웹 성능 최적화 기법) HTTP 1.X HTTP 1.X HTTP (Hypertext Transfer Protocol)는 웹에서 데이터를 전송하는 데 사용되는 프로토콜입니다. HTTP의 버전에는 여러 가지가 있으며, "HTTP 1.x"는 그 중에서도 1.0, 1.1 등의 하위 버전을 나타냅니다. HTTP 주요 특징및 버전 간 차의 HTTP 1.0 최초의 HTTP 버전으로, 1996년에 제정되었습니다. 단일 연결을 통해 하나의 요청과 응답을 주고받습니다. 지속적인 연결(persistent connection)을 지원하지 않아 매번 새로운 연결을 맺어야 했습니다. 헤더의 형식이 단순하며, 보안 기능이 제한적입니다. HTTP 1.1 1997년에 도입되었으며, 현재까지 가장 널리 사용되는 버전 중 하나입니다. 지속적인 연결을 지원하여 .. 2023. 11. 30. 웹 성능 이해의 첫걸음(네트워킹과 웹 성능 최적화 기법) 웹 성능 이해의 첫걸음 웹 성능 이해의 첫걸음 웹 성능 이해의 첫걸음은 웹 페이지가 어떻게 작동하고 로드되는지 이해하는 것입니다. 웹 성능은 사용자가 웹 페이지를 요청했을 때부터 페이지가 완전히 로드되고 사용 가능한 상태가 될 때까지의 시간을 의미합니다. 웹 성능 이해와 단계 브라우저의 동작 이해: 사용자가 웹 페이지에 접속하면 브라우저가 웹 페이지의 HTML, CSS, JavaScript 등의 리소스를 서버에서 다운로드합니다. 브라우저는 HTML 문서를 파싱하고 DOM(Document Object Model)을 생성합니다. 이는 웹 페이지의 구조를 표현하는 트리 구조입니다. CSS 파일을 다운로드하고 파싱하여 스타일 규칙을 적용하고, JavaScript 코드를 실행하여 페이지를 동적으로 만듭니다. 네트.. 2023. 11. 29. Insecure Randomness 웹취약점 해결법 학습내용 Insecure Randomness 웹취약점 해결법 Insecure Randomness 웹취약점 해결법 기본적으로 우리가 Random함수를 사용하는 목적은 난수를 생성하기 위해서이다. 하지만, 우리가 생각했던 ... blog.naver.com 2023. 11. 28. 웹 취약점 정리 학습내용 Cross-Site Scripting: DOM(xss) 웹취약점 해결 Header Manipulation: Cookies웹취약점 해결 서버 측에서 쿠키 보호 웹취약점 정리 Cross-Site Scripting: DOM(xss) 웹취약점 해결 ex)response 매개변수 데이터가 확인이 되지 않은 상... blog.naver.com 2023. 11. 28. [JAVA] 공공데이터포털 공휴일 API 사용법 (최신) 학습내용 1. 공공데이터 회원 가입 후 발급 신청 2. postman 회원가입 및 API 발급 테스트 3. 소스 적용 방법 공공데이터 회원 가입 후 발급 신청 1. 공공데이터포털 로그인 후 발급 신청 한국천문연구원_특일 정보 (천문우주정보)국경일정보, 공휴일정보, 기념일정보, 24절기정보, 잡절정보를 조회하는 서비스 입니다. 활용시 날짜, 순번, 특일정보의 분류, 공공기관 휴일 여부, 명칭을 확인할 수 있습니다. www.data.go.kr postman 회원가입 및 API 발급 테스트 postman을 사용 하는 이유는 해당 API가 제대로 신청이 됐는지 파악 하기 위해 사용 하는 툴입니다. 1. postman 회원가입 https://www.postman.com/ 2. 좌측에 컬렉션스 클릭 후 프로젝트 생.. 2023. 11. 28. 이전 1 ··· 6 7 8 9 10 11 12 ··· 26 다음 728x90 반응형
