Survey Page 리팩토링

[lhk3337]

개발할 것

• Survey Page 리팩토링

  Survey의 Orgamisms : Questionnaire, Result

  • Questionnaire의 molecules : DirectionNav, MultiCheckbox, ProgressBar

    • DirectionNav의 atoms : DirectionBtn

    • MultiCheckbox의 atoms : Checkbox, QuestionBlock

    • ProgressBar의 atoms : ProgressBarList

  • Questionnaire의 atoms : QuestionBlock

  • Result의 Orgamisms : QuestionResult

    • QuestionResult의 orgamisms : ConfirmModal

      • ConfirmModal의 atoms : Button, CloseBtn

Survey Page Atomic Design Structure

  Survey
     ├── Questionnaire (Orgamisms)
     │        ├── DirectionNav ── DirectionBtn (atoms)
     │        │    (molecules)       
     │        ├── MultiCheckbox ┬──  Checkbox (atoms)
     │        │    (molecules)  └──  QuestionBlock (atoms)
     │        │
     │        ├── ProgressBar ── ProgressBarList (atoms)
     │        │    (molecules)
     │        └── QuestionBlock (atoms)
     │
     │
     └── Result (Orgamisms)
              │  
              └──  QuestionResult (Orgamisms)
                         │  
                         └──  ConfirmModal (Orgamisms) ┬──  Button (atoms)         
                                                       └──  CloseBtn (atoms)

스크린 샷

• 스키마 수정 여부 : X