Web
-
Module federation이란Web 2022. 1. 30. 10:54
Module federation과 마이크로 프론트엔드(micro frontend)에 대한 기본적인 개념과 적용 방법을 습득하실 수 있도록 구성했습니다. 시작하며 Module federation는 마이크로 프론트엔드를 이루기 위한 수단입니다. 그러므로 module federation을 알아보기 전에 마이크로 프론트엔드의 개념을 먼저 알아보도록 합니다. 마이크로 프론트엔드란 아래는 마이크로 프론트엔드가 적용되지 않은 예시입니다. 백엔드에는 micro service architecture (MSA)가 적용되어 각 기능 조직, 페이지 별로 자체적으로 개발, 빌드, 배포할 수 있습니다. 하지만 프론트엔드는 하나의 거대한 모노리틱 프로젝트로 운영되기에 서비스 A와 연관된 프론트엔드 컴포넌트가 수정될 경우 전체 프론..
-
Meta Tag & Open Graph Tag & Google Analytics 리액트에 적용하기Web 2020. 8. 13. 22:18
우아한 테크코스(이하 우테코)에서 진행하는 프로젝트에서 메타 태그와 OG 태그 그리고 구글 애널리틱스를 적용했습니다. 해당 내용에 대해 프로젝트에 적용하며 공부한 내용을 정리해보겠습니다. Meta Tag 왜 사용하는가? 웹사이트를 만든다고 끝이 아니다. 만든 사이트가 사용자에 의해 사용되어야 그 가치가 있다. 즉 사용자를 유치해야 한다. 여러 방법이 있지만 가장 간단하고 효과적인 방법은 메타 태그를 설정하는 것이다. 메타 태그를 설정하면 웹 포털이 우리 사이트의 메타 태그를 읽어 들여 포털의 검색엔진 결과에 반영한다. 즉 메타 태그를 설정해야 포털 검색 결과에 노출될 가능성이 높아진다. 추가로 메타 태그를 통해 사용자에게 보여지는 사이트 정보도 바꿀 수 있다. 예를 들면 favicon, 사이트 이름, 사..
-
Endpoint란Web 2020. 7. 13. 12:31
계속 보이더라. 팀원들과 프로젝트를 하며 OAuth를 다룰 때나 Spring을 공부하며 프론트와 API 통신을 주고받을 때와 같은 여러 상황에서 Endpoint라는 용어가 눈에 들어왔다. 그때마다 자세히 찾아보지 않고 어렴풋이 알고 있는 개념만으로 넘어갔다. (그래도 돌아는 갔으니까!!) 그렇지만 이제는 알고 싶다. 엔드포인트가 뭔지! 포스팅을 작성하는 초반인 지금은 엔드포인트를 막연하게 요청이 최종적으로 도달할 URI로 생각하고 있다. 과연 내 생각이 맞을지 여러 자료들을 보며 확인해보자. an endpoint is simply one end of a communication channel. (stackoverflow) 벌써 정답이 나온듯하다. 커뮤니케이션 채널의 한 쪽 끝이라니. 쉽다. 그러나 너무 ..