목록 보기
페이지를 이루는 최소 기능 블록, 모듈유닛
프론트엔드

페이지를 이루는 최소 기능 블록, 모듈유닛

SSG.COM
SSG.COM
2026년 1월 15일

두줄요약

모듈유닛의 개념과 페이지 구성 방식, 유지보수 장점을 설명했습니다. 공통 구조인 만큼 기획 단계에서 영향 범위와 정책을 함께 검토해야 한다고 정리했습니다.

핵심 내용

  • 페이지를 이루는 최소 기능 블록인 모듈유닛 개념 정리
  • 웹과 앱에서 쓰는 독립적 UI 단위로서, 페이지는 여러 모듈유닛의 조합으로 구성
  • unitType과 각 유닛 데이터로 렌더링을 판단하는 구조

장단점

  • 공통 컴포넌트 재사용으로 유지보수 용이성 향상
  • 한 번의 수정으로 여러 화면에 일괄 반영 가능

적용해볼 점

  • 공통 유닛 변경 시 영향 범위 사전 검토 필요
  • 기획 단계에서 공통 정책 여부와 구조적 변경 비용 충분히 논의 필요

다음 읽기

#React 주제를 이어서 읽기

신세계백화점 PC 메인 React 전환기

신세계백화점 PC 메인 페이지를 Spring에서 React와 Next.js 기반으로 전환했습니다.\n초기 로딩, 인피니트 스크롤, SEO까지 함께 고려해 사용자 경험과 유지보수성을 개선했습니다.

SSG.COM
SSG.COM
프론트엔드

댓글 0

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...