할머니의 콤퓨타 도전기

CDN은 지리적으로 먼 거리에 있는 사용자에게 제약 없이 빠르고 안전하게 콘텐츠를 전송할 수 있는 전송 기술입니다. CDN은 서버와 사용자 사이의 물리적인 거리를 줄여 콘텐츠 로딩에 소요되는 시간 최소화합니다. 각 지역에 캐시 서버(PoP, Points of presence)를 분산 배치하여 사용자의 요청에 근접한 캐시 서버가 콘텐츠를 전달해줍니다. CDN은 동영상 스트리밍이나 온라인 게임, 대용량 파일 전송 등을 다루는 사이트에서 안정적인 서비스를 제공하기 위해 사용되고 있습니다. 하지만 특정 국가나 지역만을 타깃으로 하는 웹 서비스라면 CDN을 이용할 필요가 없습니다. 오히려 불필요한 연결 지점이 늘어나 웹 사이트의 성능 저하를 유발하기 때문입니다. 넷플릭스는 CDN을 구축하여 전 세계의 사용자들에게..

Groups and ranges Character 뜻 | 또는 () 그룹 [] 문자 set, 괄호 안의 어떤 문자든 [^] 부정 문자 set, 괄호 안의 어떤 문자가 아닐 때 (?:) 찾지만 기억하지는 않음 Quantifiers Character 뜻 ? 있거나 없거나 (zero or one) * 없거나 있거나 많거나 (zero or more) + 하나 또는 많이 (one or more) {n} n번 반복 {min, } 최소 {min, max} 최소, 그리고 최대 Boundary-type Character 뜻 \b 단어 경계 \B 단어 경계가 아님 ^ 문장의 시작 $ 문장의 끝 Character classes Character 뜻 \ 특수 문자가 아닌 문자 . 어떤 글자 (줄바꿈 문자 제외) \d digi..

Axios Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 브라우저 환경: XMLHttpRequests 요청 생성 Node.js 환경: http 요청 생성 백엔드랑 프론트엔드 통신을 쉽게 하기 위해 Ajax와 더불어 사용 Promise(ES6) API 지원 요청/응답 차단 요청/응답 데이터 변환 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변환 HTTP developer.mozilla.org/ko/docs/Web/HTTP HTTP | MDN 하이퍼텍스트 전송 프로토콜(HTTP)은 HTML과 같은 하이퍼미디어 문서를 전송하기위한 애플리케이션 레이어 프로토콜입니다. 웹 브라우저와 웹 서버간의 커뮤니케이션을위해 디자인되었지만, 다..

렌더링 엔진 렌더링 엔진의 역할은 요청 받은 내용을 브라우저 화면에 표시하는 일 렌더링 엔진은 HTML 및 XML 문서와 이미지를 표시할 수 있음 플러그인이나 브라우저 확장 기능을 이용해 PDF와 같은 다른 유형도 표시 가능 파이어폭스는 모질라에서 직접 만든 게코(Gecko) 엔진, 사파리와 크롬은 웹킷(Webkit) 엔진 사용 웹킷 최초 리눅스 플랫폼에서 동작하기 위해 제작된 오픈소스 엔진 애플이 맥과 윈도우즈에서 사파리 브라우저를 지원하기 위해 수정함 렌더링 엔진 동작 과정 DOM tree 구축을 위한 HTML parsing, CSS, Javascript parsing: HTML 문서를 파싱한 후, content tree 내부에서 tag(a, div)를 DOM node로 변환. 그 다음 CSS 파일과..

HTTP (Hypertext Transfer Protocol) 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 protocol 서버/클라이언트 모델을 따름 장점 불특정 다수를 대상으로 하는 서비스에 적합 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 클라이언트와 서버 간의 최대 연결 수 보다 훨씬 많은 요청과 응답을 처리할 수 있음 단점 연결을 끊어버리기 때문에, 클라이언트의 이전 상황 알 수 없음 (Stateless) 이러한 특징 때문에 정보를 유지하기 위해 Cookie 기술 등장 URL (Uniform Resource Locator) 인터넷 상의 자원의 위치 특정 웹 서버의 특정 파일에 접근하기 위한 경로 혹은 주소 + 문득, uri와 url의 차이가 궁금해져서 찾아보았다. URI, U..

브라우저의 주요 기능 사용자가 선택한 자원 (html 문서, pdf, 이미지 등)을 서버에 요청하고 브라우저에 표시하는 것 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정함 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시 명세는 웹표준화 기구인 W3C(World Wide Web Consortium)에서 정함 브라우저의 일반적인 사용자 인터페이스 요소는 다음과 같음 URL를 입력할 수 있는 주소 표시 줄 이전/다음 버튼 북마크 새로 고침 버튼, 현재 문서 로드 중단하는 정지 버튼 홈 버튼 2, 브라우저의 기본 구조 사용자 인터페이스: 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분 보여지는 페..