[기획] 설계서? 명세서? 그게 뭔데...

 

※ 작성 중입니다. ※

 

새로운 프로젝트가 진행 되면서 2주동안 열심히 회의를 진행했다.

그런데 막상 개발을 하려고 하는데 관련 문서가 없다.

 

개발을 하라고 하는데..

어떻게.. DB를 설계하고 어떤 기능 구현을 해야되는 걸까...

 

그렇다 내가 부족해서 문서가 없었다! 더 열심히 이겨내야한다!

 

01. 메뉴 정하기

하루 종일 어떻게 해야 하는지 고민하다가 문득 정리가 되었다.

 

먼저, 필요한 메뉴를 나열하자!!

 

어쨌든 필요한 메뉴가 있으면 → 화면이 나오고 → 기능 명세가 나오고→ DB 설계가 될 것으로 생각했다.

 

예를 들어, 아래 이미지와 같이 일반 사용자가 로그인을 하고 보여줘야 하는 상위 메뉴를 정하고 있다.

상위 메뉴에서 보여줘야하는 하위 메뉴를 정한다.

 

메뉴를 정하는 과정에서 회의에 했던 내용을 반영했다!!

회의가 도움이 되었구만!

 

피그마를 사용해서 작성했다.

 

중간 캡쳐 이미지

 

 

02. 간략하게 화면 설계

앞에서 정해 놓은 메뉴를 바탕으로 화면을 간략하게 설계 하려고 한다.

 

화면을 어떻게 설계 해야 될까 고민을 하다가 여기를 참조했다.

 

와이어프레임의 종류 3가지

1. 초급 와이어프레임
2. 중급 와이어프레임
3. 고급 와이어프레임

나는 디자이너, 프론트 개발자가 아니다.

멋있고 싶지만 당장 할 수 있는 초급 와이어 프레임을 사용하자..!

 

초급 와이어 프레임은 회의 도중에 펜으로 그려서 보여주고 싶을 때 사용하는 방식이라고한다.

 

그치만, 초급 와이어 프레임에서 아래 이미지와 같은 수준으로 설계하려고 한다.

 

이미지 출처: https://brunch.co.kr/@junovoir/26

 

https://yozm.wishket.com/magazine/detail/227/

화면설계서(Wireframe)란? 평생 써먹는 제작 꿀팁! | 요즘IT

 

 

https://brunch.co.kr/@junovoir/26

기획자가 이건 할 줄 알아야지? - 화면설계서

 

 

03. 필요한 기능 정의

 

 

 

04. 화면과 기능에 따라 DB를 설계