웹4 [TIR] 2022년 웹 개발 Baseline 우연히 LINE 테크 블로그에서 2022년 웹 개발의 경향과 변화를 분석한 글을 읽게 되었다. 분석적이고 논리적이여서 개인적으로 기술 관련 글쓰기를 할 때 자주 참고할 것 같은 글이었다. 읽다가 새롭게 알게 되거나 기억해야할 부분을 발췌해보려고 한다. 우선 가장 중요한 사건은 역시나 IE의 은퇴였다. 이것은 단순히 이제 IE를 쓰지 않는 것을 넘어 웹 개발 전반의 발전 방향과 변화를 의미한다. 그러한 맥락에서 기존의 웹 표준이었던 IE가 은퇴했으니 새로운 베이스라인을 세워보자는 것이 이 글의 요지이다. 새로운 베이스 라인 사용자 기기(CPU 성능), 각 브라우저의 웹 표준 구현 수준, 모바일 네트워크 가용 상황(4G, 5G)을 근거로 삼아 베이스 라인을 도출하고 정의한 것이 인상적이었다. 차례대로 And.. 2022. 6. 20. [네트워크] HTTPS, TLS/SSL, 인증서 갱신, acme 얼마 전에 브라우저(클라이언트)와 서버 간의 데이터 교환에 관한 글을 읽으면서 잠깐 네트워크 공부를 했는데 머릿 속에서 흩어져있던 지식들이 조금은 맥락을 구성한 것 같아서 기록으로 남겨놓고자 한다. TCP + TLS 브라우저에서 어떤 URL을 입력해서 서버에 요청하는 과정 중 (DNS는 뛰어넘고) navigation 단계에서 TCP 연결이 이루어진다. 클라이언트와 서버 간에 3-way handshaking이 오고 감으로써 세션이 성립되며, 이는 이제 "네트워크를 통해 메세지를 교환"(전송 계층) 할 수 있다는 뜻이다. 그러고 나서 필요한 경우에는 TLS negotiation이 이루어진다. 필요한 경우란 암호화된 데이터 교환을 위해 HTTPS 프로토콜로 통신을 하는 경우에 해당한다. 이 과정을 대략적으로 .. 2022. 5. 14. SPA 유저 네비게이션에 서버 요청이 필요하지 않다. 초기 렌더링에 필요한 파일들을 제공할 서버가 필요하긴 하다. 웹 서버는 정적 컨텐츠를 제공하고, 어플리케이션 서버는 새로운 컨텐츠를 생성한다. 정적 파일 요청된 위치에 리소스가 있을 경우에 성공적으로 응답. static host(깃헙 페이지, 아마존 S3)에 해당. 동적 파일 이를테면 Express 같은 프레임워크는 요청에 일치하는 응답을 동적으로 만들어낸다. 어플리케이션 서버는 웹 서버의 프록시처럼 작동하는데, 웹 서버는 어플리케이션에 비정적 요청을 넘겨줄 뿐이다. "Many static file hosts allow you to set a "fallback" page to serve when there is a request for a page that .. 2021. 5. 19. 브라우저 렌더링, 렌더러 프로세스, requestAnimationFrame 웹의 기능과 역할이 확대되고 universal platform이 되리라는 전망도 커지고 있다. 브라우저의 렌더링 파이프라인을 제대로 이해하는 것에서 시작. 페이지 렌더링 웹 페이지 로드는 주소창에 URL을 입력하는 것부터 시작. (사실 HTML 요청이 있기 전에도 많은 일들이 일어나긴 함) HTML 파일이 로드 되었을 때 발생하는 일 (픽셀-화면 파이프라인): 1. HTML 파싱 HTML 문서가 파싱되고, DOM 트리 생성 HTML 데이터 받기 시작하면서 메인 스레드가 텍스트 문자열(HTML)을 파싱하고 이를 DOM으로 변환 (페이지에 대한 브라우저의 내부 표현이자 웹 개발자가 JS 통해 상호 작용할 수 있는 데이터 구조 및 API) 사전 로드 스캐너는 외부 리소스(이미지나 CSS, JS 등)가 요청되면.. 2021. 5. 8. 이전 1 다음
