- 발행일
패스트 캠퍼스 챌린지 23일차 미션 (2월 23일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 23일차 미션 (2월 23일) : 마이크로 FE 강의 후기
패스트 캠퍼스 챌린지 23일차 미션 (2월 23일) : 마이크로 FE 강의 후기
마이크로 프론트엔드의 세계는 마치 퍼즐을 맞춰가는 과정과 같다. 서로 다른 팀이 개발한 조각들이 하나의 그림을 완성하듯, 독립적으로 동작하는 여러 애플리케이션을 하나의 화면에서 조화롭게 보여주려면 다양한 기술과 고민이 필요하다.
const rl = readline.createInterface({ input: process.stdin, output: process.stdout, });
목록↔상세를 오갈 때 스크롤 위치를 기억했다가 복원하는 훅을 만들었던 글입니다. 개고하며 코드를 다시 보니 결함이 다섯 개 보여요 — 전역 단일 키, 저장과 복원의 책임 분열, 스로틀 없는 매 이벤트 저장, "맨 위로 돌아간 것"을 기억 못 하는 조건, 그리고 비동기 목록에서는 복원 타이밍 자체가 문제라는 것까지. 원래 코드와 고친 코드를 나란히 실었습니다.
마이크로 프론트엔드에서 Web Components를 이용한 프래그먼트 통합 방식은 처음엔 복잡하게 느껴졌다. 기존의 SPA(Single Page Application) 방식에 익숙하다 보니, 여러 개의 독립적인 프런트엔드 애플리케이션을 하나의 페이지에서 조합하는 개념이 어색하게 다가왔…