Skip to content
와이어프레임 &학습 기록

Wireframes & frontend directory structure

1 min readLearningMoved from my Tistory blogRead the Korean original

There has been a miscommunication with the back-end developers, and I think I've figured out what caused it.

First, I think the miscommunication happened because the wireframes weren't made through a team-wide meeting but only among the front-end developers.

Second, the pages we drew in the wireframes weren't complete, so I think the back-end developers were somewhat confused. So I decided with the person I'm collaborating with on the front end to carefully redesign the wireframes first thing tomorrow.

Current wireframe
Figure 1. Current wireframe

Also, before designing the pages with the wireframes, I first designed the directory structure to decide which pages we need to build.

Components (component folder)

  • Common (shared component folder)
  • Header (header)
  • PostList (post list component)

Popups (popup folder)

  • Login (login popup component)
  • Join (sign-up popup component)

Pages (page folder)

  • MainPage (main page)
  • PostDetailPage (post detail page) content on the left, map on the right
  • PostWritePage (post writing page)
  • ProfileEditPage (member info edit page)
  • MyPage (my page) - differs depending on whether it's the user or a visitor
  • PostEditPage (post edit page)

Tomorrow, after carefully revising the wireframes, I think I should also explain them in detail to the back-end developers!

  • #Wireframe
  • #Frontend Directory Structure

More in Learning