프론트엔드 아키텍처가 CSR에서 다시 SSR로 넘어오고 있고 RSC도 많이 언급이 되고 있습니다. 이런 흐름에 맞게 프론트엔드 개발자들에게도 서버와 인프라에 대한 지식도 점점 요구되고 있습니다. 이러한 흐름속에서 BFF에 대한 개념을 정리해보려고 합니다. 내가 알고 있던 BFF 제가 BFF에 대해서 이해하고 있던 내용은 아래와 같습니다. 클라이언트와 서버간의 통신에서 중간에 서버(BFF)를 하나 더 둔다. BFF는 프론트엔드에서의 요구사항을 충족시키기 위해 사용한다. 예를 들면, 프론트엔드에게 화면에 보여질 데이터만 전달하기 위해 사용한다. BFF의 관리는 팀의 구성에 따라서 다르다. 그런데 이 정도의 이해로는 언제 BFF를 사용하고 장점이 무엇인지 누군가를 설득시킬 수는 없는 내용이었습니다. 결국에 화..
8월 30일에, Astro 3.0이 소개가 되었고 내용은 아래와 같다. - View Transitions API - Image Optimization (stable) - SSR Enhancements for Serverless - HMR Enhancements for JSX - Optimized Build Output View Transitions API 두 번째 단락을 보면 View Transitions API를 주요 웹 프레임워크 중에서 처음으로 지원하게 되었다고 한다. View Transitions API라는 것은 A 페이지에서 B 페이지로 전환할 때 애니메이션을 추가할 수 있도록 지원하는데, 이는 기존에는 SPA 내부에서만 가능했던 것이었다. 많은 개발자들이 지난 몇 년간 네이티브 환경에서 pag..
브라우저는 화면을 어떻게 그릴까? 프론트엔드 면접 질문이라고 하면 거의 100% 포함되어 있는 내용이다. 그렇다면 웹 개발을 하기에 정말 중요한 내용이라는 뜻인데, 왜 그럴까? 사실 브라우저가 어떻게 동작하는지를 이해하는 것은 당연히 중요하다. 컴퓨터 프로그램은 컴퓨터에서 동작하기 때문에 개발자라면 컴퓨터가 어떻게 동작해야 하는지 아는 것이 중요한 것 처럼 웹 개발자라면 개발한 웹이 브라우저에서 동작하기 때문에 동작 원리를 아는 것은 매우 중요하다. 그 중에서 화면에 렌더링이 어떻게 되는지를 알게 된다면 특히 웹 최적화 관련하여 많은 아이디어를 얻을 수 있을 것 같다. 서버, 인프라, 클라이언트까지 하나의 싸이클을 모두 설명할 수 있다면 가장 좋을 것이고, 프론트엔드 개발자라면 적어도 클라이언트에 대해서..
