🗞️ 주간 뉴스레터 - 해외 프론트엔드 기술 트렌드 - 8월 1주차

매주 월요일, 해외 프론트엔드 기술 트렌드 중 주목할 만한 내용들을 선별해 공유드립니다. 쉽고 빠르게 업계 트렌드를 함께 살펴보아요. --- 1. React Server Components로 코드 50,000줄 이동하기 전에 알았으면 좋았던 모든 것 링크: https://www.mux.com/blog/what-are-react-server-components#what-are-react-server-components-what-are-they-good-for 리액트 서버 컴포넌트 React Server Components(RSC)를 사용하여 코드를 이전하는 과정과 그 결과를 다루고 있습니다. RSC는 서버에서 렌더링되어 클라이언트로 전송되는 컴포넌트로, 초기 로딩 속도를 향상시키는 데 도움을 줍니다. 기사에서는 실제 RSC의 도입 과정과 이를 통해 얻은 이점과 함께, 프로젝트 진행 중 마주한 문제와 해결책을 솔직하게 공유하고 있습니다. 2. Type vs Interface: 어떤 것을 사용해야 할까? 링크: https://www.totaltypescript.com/type-vs-interface-which-should-you-use 타입스크립트에서 Type과 Interface의 차이점을 자세히 설명하고 있는 글입니다. 타입스크립트 사용자들에게 있어서 Type과 Interface는 타입 정의 방식을 결정하는 중요한 결정 사항입니다. 이 기사에서는 두 방식의 차이와 각각의 특징을 설명하며, 어떤 경우에 어떤 방식을 사용해야 하는지를 알려줍니다. TypeScript 팀은 기본적으로는 interface를 사용하고, type은 필요한 경우에만 사용하도록 권장합니다. 하지만 많은 개발자 들은 이를 반대하며, 인터페이스의 선언 병합을 사용하는 것보다. 기본적으로 type을 사용하는 것을 더 선호합니다. 인터페이스는 여전히 객체 상속에 권장되지만, 조금 더 유연하고 예상치 못한 결과를 피하기 위해 type을 사용하는 것도 좋은 방법이라고 생각합니다. 같은 이유로 저 역시 type을 선호 합니다. 3. Google Maps JavaScript API 최적화 방법 링크: https://cloud.google.com/blog/products/maps-platform/more-control-loading-maps-javascript-api 이 기사에서는 Google Maps JavaScript API의 최적화에 관한 내용을 다루고 있습니다. Google Maps 팀은 API 로딩 성능을 향상시키기 위한 최신 기법들을 소개하고 있으며, 왜 API를 태그로 제공하는지에 대한 이유를 설명합니다. Maps JavaScript API가 npm 이 아닌 로더를 사용하는 이유는 웹사이트의 안정성과 유지보수 용이성을 증가시키기 위함입이라고 말하고 있습니다. 4. 웹 컴포넌트(webcomponents)의 장점은 큰데, 왜 사용하지 않을까요?. 링크: https://daverupert.com/2023/07/why-not-webcomponents/ 웹 컴포넌트에 대한 저자의 고민과 생각을 다루고 있습니다. 웹 컴포넌트는 재사용 가능한 UI 요소를 만들기 위한 강력한 도구지만, 최근에는 이에 대한 이야기가 줄어들었습니다. 저자는 웹 컴포넌트의 장점과 함께 왜 그렇게 활발히 사용되지 않는지에 대한 이유를 고찰하고 있습니다. 5. Chalk 링크: https://chalk.ist/ 슬라이드, 블로그 글 등에 필요한 코드가 필요할 때 사용할 수 있는 도구입니다. 코드를 붙여넣기하면 이미지를 생성해줍니다. 6. MDN 플레이그라운드 출시 링크: https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/ MDN에서 HTML, CSS 및 JavaScript를 호스팅하는 자체 플레이그라운드를 출시했습니다. CodeMirror와 마이크로소프트사의 monaco 에디터 오픈소스를 사용해 개발됐습니다. 많은 유사한 플레이그라운드가 있지만, MDN 문서 내 예제들과 연동되어 바로 실습해 볼 수 있고, MDN 문서들을 바로 확인해볼 수 있다는 점이 장점인 것 같습니다.