Module Units: The Smallest Functional Blocks Composing a Page

A module unit is the smallest independent UI component used on SSG.COM web and app. Multiple module units come together to form a single page, and a page built this way is called a module store.

A page looks like a single screen to users, but it's actually divided into areas with different roles, such as the top banner, product list, and card banner. On the front end, each of these areas is treated as an independent functional unit and managed as a module unit.

Module units are divided into various types such as products, banners, and popups, and are distinguished by unitType in the API response. For example, values like TITLE_UNIT, LAYER_ROLLING_BANR, and IMG_ITEM are used to determine which unit to send down, and only the data needed for each unit is passed to build the screen. Structurally, this also involves rendering data such as itemList, banrList, and hasImgRightAngle, along with UI options and tracking log data. As of December 2025, the SSG Home store consists of about 20 module units.

The biggest advantage of this structure is maintainability. For example, if the way product prices are displayed changes, there's no need to make individual edits on every page—fixing only the commonly used price component automatically propagates the change to all product units and other module units that use that component.

A real-world case occurred when SSG7CLUB launched, adding reward point information to the price area of product units. Since all product units used the same price component, a single change could be applied across the board.

However, because module units are a shared unit, a single change can affect multiple screens at once. So when planning something new, it's necessary to first determine whether the requirement applies only to a specific page or can be applied as a common policy.

From the planning review stage, the team thoroughly checks whether existing module unit policies are being violated and whether structural changes would significantly increase the workload, before proceeding with development. Ultimately, module units are a shared language that makes changes easier while also making the scope and responsibility of those changes clearer.