---
# System prepended metadata

title: 프론트엔드 폴더 구조

---

# 프론트엔드 폴더 구조

- common
    - button
        - box-button
        - text-button
    - checkbox
    - line-input
    - layout
        - header
        - footer
        - index (layout)
    - loader
        - circle-loader
        - content-loader
    - logo
    - menu-header
    - modal
    - navbar
    - pagination
    - period-selector
- auth
    - form
    - login-modal
    - logout-modal
    - success-modal
- item
    - main-item
        - banner
        - display-item-list + main-item-wrapper
    - search-item
        - filter
        - search-item-wrapper
    - item-list
    - item-loader
    - index (item)
- item-detail
    - detail
    - detail-wrapper
    - item-info
    - item-counter
    - index
- my
    - my-nav(bar)
    - 주문목록
    - 배송지관리
    - 후기관리
    -(나중에 대체)
        - order-list
        - order
        - status-bar
- search-bar
    - recent-keyword-box
    - index
- smart-menu
    - large-menu
    - medium-menu
    - small-menu
    - index
- index : 공통으로 쓰는 것, page에서 쓰는 것 편하게 import
