[Day-2] Micro Frontends in Next.js

Laeyoung·2021년 4월 20일
2
post-thumbnail

1. Next.js에서 Micro Frontends 구현하기

  • 요즘 몇년 사이의 Backend 트랜드인 Micro Services의 Frontend 버전을 만든 것에 대한 글
  • Micro Services처럼 단일 Frontend 프로젝트가 아니라, 여러 개의 Frontend 프로젝트로 쪼개고, 이걸 조합하는 식으로 Frontend를 구현하는 방식. 이렇게 하는 경우, 일부분만 업데이트를 할 때 전체 프로젝트를 다시 배포 할 필요 없고, Error가 나도 일부분 페이지에서만 문제가 생김
  • Next.js에 있는 federated module 기능으로 구현이 가능 (현재는 실험 Feature라 Production에서는 바로 도입하긴 어려울 듯)
  • import dynamic from "next/dynamic" 를 이용해서 dynamic하게 다른 쪽에 있는 Component를 불러 올 수 있음
  • 이거와 정확히 관련은 없지만, SSR 할 때 실제 redering 되는 client의 화면의 width, heigth를 못하는 문제를 어제 고치고 있었는데, 저 dynamic을 이용해서 ssr 후 client 사이드에서 추가로 redering 하는 식으로 만들어서 해결함.
  • 나중에 회사 프로젝트에 한번 테스트로 해보면 괜찮을 것 같음

2. 기술의 발전이 옳고 그름을 바꿀때

한 가지는 에너지와 산업혁명입니다. 석유 1배럴(약 160리터)은 한 사람이 10년 동안 일한 만큼의 에너지를 낼 수 있는 에너지원입니다. 여기에 기계의 노동력을 고려하면, 이제 더 이상 사람을 노동력으로 사용할 필요가 없어졌습니다. 인류는 노예제를 포기하고도 수천 년 동안 늘어나지 않던 평균 수명을 짧은 시간 만에 두 배로 늘렸습니다. 역시 수천 년 동안 제자리걸음이던 전 세계의 생산량도 급격하게 증가하기 시작했습니다. 훨씬 작은 인간의 노동으로도 훨씬 더 많은 부와 식량을 생산하게 됐습니다.

  • 석유가 이렇게 에너지가 많은지 다시금 깨달았다.
  • 이러니 더 이상 단순 노동 그 자체는 로봇이 더 좋아지고, AI가 더 발전되면 갈수록 줄 수 밖에 없구나.
  • 이렇게 풍족한 상황인데 우리는 왜 더 굼핍하고, 갈라져 있나?
profile
대체로 무해함

0개의 댓글