개발 여행자, 현

1. 웹 아키텍처, 어디까지 왔나웹은 정적인 HTML에서 시작해, 이제는 앱처럼 동작하는 복잡한 시스템으로 진화했다. 이 과정에서 다양한 아키텍처가 등장했고, 각각의 방식은 시대적 요구와 기술 환경에 따라 선택되었다. 이 글에서는 현재 주목받는 SPA, MPA, PWA를 중심으로 어떤 아키텍처가 앞으로 주류가 될지 살펴본다.2. SPA: 앱 같은 웹SPA는 한 번의 페이지 로딩 이후, 필요한 데이터만 비동기적으로 불러와 화면을 갱신. 대표적인 기술은 React, Vue, Angular 등이 있으며, UX 측면에서 빠른 반응성과 모바일 친화적인 구조로 주목받고 있다.장점: 빠른 전환, 모바일 친화적단점: 초기 로딩 느림, SEO 이슈대표 사례: Gmail, Facebook, Twitter3. MPA: 전통..

OSI 7계층 1. OSI 7계층이란? 물리계층 - 데이터 링크계층 - 네트워크 계층 - 전송 계층 - 세션 계층 - 표현 계층 - 응용계층 OSI 7계층이란 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것이다. 7계층으로 나눈 이유는 통신이 일어나는 과정을 단계별로 파악하여 흐름을 한 눈에 알아보고, 문제가 생긴 부분만을 해결할 수 있기 때문이다. 2. OSI 7계층 2.1 물리계층(Physical Layer) -> 데이터 전송 이 계층에서는 주로 전기,기계,기능적인 특성을 이용해 통신 케이블로 데이터를 전송하게 된다. 통신의 단위는 비트이며 이것은 1과 0으로 나타내어지는, 즉 전기적으로 On, Off 상태라고 생각하면 된다. 이 계층에서는 단지 데이터를 전달만 하고, 어떤 종류의 데이터/에러인..

[CS] 브라우저 동작원리 소개 브라우저 검색 창에 주소를 검색했을때 어떠한 과정을 거쳐 웹페이지가 보이게 되는지 알아보고자 한다. 더보기 웹브라우저란? : 동기(Synchronous)적으로 (HTML + CSS), Javascript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어 브라우저의 기능 및 구조 브라우저의 주요 기능은 서버로 자원을 요청하고, 사용자에게 페이지를 보여주는 것이다. 서버에 요청하는 자원은 보통 HTML 문서이지만 PDF, IMAGE 등과 같은 다른 형태일 수도 있다. 자원의 주소는 URI에 의해 정해진다. 브라우저의 주요 구성은 다음과 같다 1. 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 책갈피, 파일 등. 서버로부터 요청한 페이지를 보여주는 창을 제외한 모든..