코딩 정보/web9 브라우저의 랜더링에 대해 자세히 알아보자 목차 브라우저의 정의웹상에 존재하는 페이지들의 HTML 언어를 해석해서 사용자의 컴퓨터 화면에 출력해 주는 프로그램그렇다면 웹브라우저의 구조는 어떻게 되어있을까? 다음그림을 통해 쉽게 구조를 볼 수 있다. 사용자 인터페이스: 주소 표시줄, 이전/다음 버튼, 북마크 등 페이지 뷰 이외의 다른 부분브라우저 엔진: 사용자 인터페이스와 렌더링 엔진 사이 동작을 제어렌더링 엔진: HTML, CSS를 파싱해 화면에 요청한 컨텐츠를 표시통 신: HTTP요청과 같은 네트워크 호출에 사용됨JS 엔진: 자바스크립트 코드를 해석하고 실행UI 백엔드: 기본적인 위젯(콤보 박스 등)을 그림자료 저장소: 자료를 저장하는 계층으로 쿠키 등을 저장하는 웹 데이터베이스그 중 우리가 자세히 살펴볼 내용은 렌더링 엔진이다. 랜더.. 2024. 9. 14. [프로젝트] php로 로그인 페이지와 회원가입 페이지를 만들어보자 목차php로 간단한 커뮤니티 로그인 페이지를 만들고자 한다. 데이터 베이스 생성하기 회원 가입 페이지 회원가입 | 로그인 로그인 로그인 𖠌 .. 2024. 5. 14. php와 MySQL 연동해서 데이터 추가하기 목차 php를 통해 mysql의 데이터에 접근하여 데이터를 추가하고 사용하는 방법을 알아보자여러가지 방법이 있지만 나는 mysqli를 이용해서 진행했다. 먼저 데이터 베이스를 만들어주자 다음은 그에 대한 코드이다.city_database.php 페이지에서 데이터를 추가하고 데이터 테이블을 출력하는 방법 User Data Entry Name: Male Female City: youngin seoul .. 2024. 5. 10. [React] React-Query 라이브러리가 무엇인지 알아보자 목차 오늘은 프로젝트를 하면서 리액트 쿼리에 대해 접하게 되었다. 말하는 감자인 나는 당연히 모르기 때문에 이번 기회에정리해보고자 한다.. 리액트 쿼리의 필요성 캐시동일한 데이터에 반복해서 접근해야 하거나 많은 연산이 필요한 일일때, 결과를 빠르게 이용하고자 성능이 좋은 혹은 가까운 곳에 저장하는 것즉 캐시는 컴퓨터의 성능을 향상 시키기 위해 사용되는 메모리를 말한다.캐싱이 캐시 영역으로 데이터를 가져와서 접근하는 방식을 말한다.예를 들어, 속도가 느린 디스크의 데이터를 속도가 빠른 메모리로 가져와 메모리상에서 읽고 쓰는 작업을 수행한다.브라우저 캐시브라우저는 이미지, 비디오 뿐만 아니라 CSS 와 Javascript 등 정적 리소스를 로컬에 저장하여 성능을 향상시킨다.장점: 브라우저 캐싱을 통해 정적 .. 2024. 5. 9. 이전 1 2 3 다음 728x90
