세션

다양한 기술 분야 전문가들의 경험과
노하우를 확인해 보세요.

11:00~11:40 트랙 1 중급

거대한 서비스 쪼개서 마이크로 프런트엔드 만들기

Dooray!의 프런트엔드는 거대한 모놀리식 SPA로 구성되어 있었습니다.
최근에 디자인을 리뉴얼하며 실험적으로 마이크로 프런트엔드를 도입하였습니다.
이와 관련해 어떤 목표를 가지고 왜 그런 결정을 했는지, 구체적으로 어떻게 진행되었는지 다룹니다.

목차
- 점진적이지 않았던 두레이 서비스 리뉴얼 프로젝트
- 마이크로 프론트엔드 아키텍처 소개
- 여러가지 마이크로 프론트엔드 아키텍처
- Webpack5 Module Federation 으로 점진적인 분할 과정 소개
- 사례) Pages 와 Fragment, 그리고 상태의 분리
- 코딩보다 중요한 것
대상
- 프런트엔드가 거대해져 어떻게 해야 할까 고민하는 모든 직군
- 마이크로 프런트엔드 도입을 고민하는 분
프런트엔드
이웅재 - NHN Dooray

안녕하세요. 두레이의 프론트엔드 조직을 맡고 있는 이웅재입니다. 대규모 자바스크립트 애플리케이션 개발에 대한 더 나은 방향을 고민하고, 적용하기 위해 노력하고 있습니다. 현재 Microsoft MVP (TypeScript)로 활동하며, 최신 웹 기술에 대해 사람들과 이야기하는 것을 즐깁니다.

행동 강령

안녕하세요, NHN FORWARD입니다.

NHN FORWARD는 행사에 참여한 모든 분이 즐겁고 가치 있는 시간을 보내기를 바랍니다.
그러려면 참여자(시청자, 발표자, 운영자 등) 서로가 존중하는 마음을 갖고 행동해야 합니다.
구체적으로 다음과 같은 '행동 강령'을 모두 지켜 주시기를 부탁드립니다.

  1. 1. 다른 참여자를 괴롭히거나 희롱하지 않습니다.

    성별, 동성애, 장애, 외모, 신체 크기, 인종, 국적, 종교와
    관계된 공격적인 언급도 포함 됩니다.
    또한, 성적 이미지, 고의적인 위협, 스토킹, 부적절한 신체 접촉,
    불쾌한 성적 관심, 행사가 중단될 만큼의 사적인 대화도 해당됩니다.

  2. 2. 다른 참여자를 존중해야 합니다.

    다른 참여자를 모욕하거나 헐뜯지 않습니다.

NHN FORWARD에서 다른 참여자를 괴롭히거나 모욕을 주는 행동을 본 분은 주변 스태프에게 즉시 알려 주시기 바랍니다.
NHN FORWARD 단독 재량으로 언제든지 NHN FORWARD 의 참가를 거부하거나 제외할 수 있으며, 안전이 필요하면 경찰에 사고를 접수할 수 있게 도와드리겠습니다.

참여자 모두가 유익하고 즐거운 시간을 보낼 수 있게 협조와 배려 부탁드립니다.

고맙습니다.