하나씩 알아가기

CDN : 데이터를 분산된 서버에서 받아오는 것 CDN을 가장 처음 접한 것은 jQuery를 사용할 때였던것 같습니다(부트스트랩이었던가..). 태그만 추가해 주면 jQuery를 내 컴퓨터에 직접 설치하지 않아도 사용할 수 있었는데 어떻게 이것이 가능하였는 지 개념부터 장단점까지 알아보겠습니다. CDN은 컨텐츠를 전달하는 네트워크를 구성하는 것을 말합니다. 보통 웹사이트를 로딩할 때는 웹 서버에 HTTP 요청을 하여 리소스를 가져오지만 웹 서버가 아니라 현재 사용자가 접속한 위치에서 가장 가까운 서버에 리소스를 캐싱해놓고 보다 빠르게 가져오는 기법을 말합니다. 즉, CDN의 목적은 웹페이지에 대한 요청이 이동해야 하는 물리적 거리를 줄여 요청 제출 시간과 장치에 완전히 로딩되는 웹페이지 간의 지연 시간을 ..

CI(Continuous Integration, 지속적 통합) CI는 빌드와 테스트를 자동화해서 공유 저장소에 병합시키는 프로세스를 뜻합니다. git과 같은 버전관리 시스템을 사용할 때 여러명의 개발자가 하나의 공유 저장소를 사용하는 경우가 많습니다. 이렇게 되면 새로운 코드의 변경 사항이 저장소에 통합되지 않을 경우 서로 충돌할 수 있습니다. 따라서 빌드/테스트 자동화로부터 코드의 일관성(Consistency)을 제공하기 때문에 지속적으로 통합한다는 용어를 사용하는 것입니다. CI 도구로는 Jenkins, TravisCI 등이 있습니다. 예시) 개발자는 자신의 로컬에서 코드를 수정하고 github에 push한다 CI 도구에서 변경된 코드에 대한 빌드와 테스트를 수행하고 결과를 피드백 해준다 CD(Con..

틀린 부분이 있을 경우, 지적해 주시면 감사하겠습니다. SSR과 CSR을 비교하여 정리해 보겠습니다. SSR(Server-Side Rendering) 전통적인 웹 어플리케이션 방식으로, 브라우저가 서버에 요청을 하고 서버는 제공할 HTML을 생성합니다. 브라우저는 이 HTML을 받아와서 렌더링하게 됩니다. 웹서버에 요청할 때 마다 Browser 새로고침이 일어나고 서버에 새로운 페이지에 대한 요청을 하는 방식입니다. 장점 초기 로딩 속도가 빠르기 때문에(한 번에 다 읽어오지 않음) 사용자가 컨텐츠를 빨리 볼 수 있다 모든 검색엔진에 대한 SEO(검색엔진 최적화)가 가능하다 단점 매번 페이지를 요청할 때마다 새로고침이 되기 때문에 사용자 UX가 다소 떨어진다 서버에 매번 요청을 하기 때문에 트래픽, 서버 ..

틀린 부분이 있을 경우, 지적해 주시면 감사하겠습니다. URI (Uniform Resource Identifier) URI는 인터넷의 우편물 주소 같은 것으로, 인터넷에 있는 자원을 나타내는 식별자입니다. 인터넷 프로토콜에 항상 붙어다니며 URI의 두 가지 형태가 URL과 URN입니다. URL (Uniform Resource Locator) URL은 특정 서버의 한 리소스에 대한 구체적인 위치를 서술합니다. 정확히 리소스가 어디에 있고 어떻게 접근하는 지(액세스하는 방법) 분명히 알려줍니다. 하지만 구체적인 위치는 나타낼 수 있지만 리소스가 바뀌는 경우 더 이상 페이지를 찾을 수 없게 된다는 한계가 존재합니다. URN(Uniform Resource Name) URN은 콘텐츠를 이루는 한 리소스에 대해, ..

틀린 부분이 있을 경우, 지적해 주시면 감사하겠습니다. DOM(Document Object Model, 문서 객체 모델) 웹페이지 내에 있는 모든 콘텐츠를 프로그래밍적으로 제어할 수 있게 해주는 객체모델. DOM을 통해서 우리의 JavaScript가 브라우저와 상호작용 할 수 있게 됩니다. HTML 엘리먼트들을 생성하거나 수정하거나 삭제하기 클래스, 스타일, 속성을 지정하기 이벤트에 반응하기 최상위 개체는 Node이며 JavaScript 객체로 표현됩니다. 이 DOM 계층도를 눈에 익을 때 까지 보도록 합시다. 우리가 늘 사용하는 메소드나 속성들이 각각의 DOM인터페이스 중 어디에 속하는 지 생각 해보면 DOM이 어떻게 설계되었는지 이해하는 데 도움이 될 것이라고 생각합니다. BOM(Browser Obj..

틀린 부분이 있을 경우, 지적해 주시면 감사하겠습니다. HTTP 개념 HTTP는 Hyper Text Transfer Protocol의 약자로 웹 서버와 클라이언트 간의 통신을 위한 규약을 말합니다. 우리가 평소에 인터넷을 사용하기 위해서는 이 HTTP를 통해서 사용자는 웹 페이지의 정보를 서버에 요청하고 전달 받아서 화면을 받아보는 과정이 이루어져야 합니다. HTTP는 누구나 정보를 열람할 수 있는 플레인 텍스트 개념이라서 요즘에는 HTTPS가 선호됩니다. S는 secure를 뜻하며, 좀 더 보안된다고 볼 수 있습니다. 특징 1. 비연결성(Connectionless) 클라이언트가 서버에게 리소스를 요청한 후 응답을 받으면 연결을 끊어버리는 특징입니다. 연결을 끊어버리는 이유는 다수의 클라이언트와 연결을 ..

틀린 부분이 있을 경우, 지적해 주시면 감사하겠습니다. CORS는 Cross-Origin Resource Sharing의 약자로 교차 출처 자원 공유를 의미합니다. HTTP헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에게 알려주는 메커니즘입니다. 웹 애플리케이션은 리소스가 자신의 출처와 다를 때 교차 출처 HTTP 요청을 실행합니다. ※출처(Origin)를 구분하는 방법인데 프로토콜과 호스트, 그리고 포트번호가 같으면 동일 출처로 봅니다. 이 셋 중 하나라도 다르면 동일 출처 정책(SOP)이 적용되서 요청에 실패합니다. 잠깐 동일 출처 정책에 대해 짚고 넘어가겠습니다. 사실 CORS는 이것으로부터 시작된 이야기입니다. SO..