[IT]화면설계서는(Story Board) 무엇인가요?(feat. 개발자시점)

pixabay

화면설계서(Story Board)는 무엇일까요?

개발자로써 시작을 하게되서 바로 일을 시작하면 먼저 만나게 되는게 화면설계서(Story Board)입니다.

 

보통 줄여서 SB라고 부릅니다.

 

이 화면설계서는 처음 개발을 시작하시는 분들에게는 정말 생소할 수 있습니다.

 

하지만 조금만 더 생각을 해본다면 단순하게 생각만으로 만드는건 아니고 그 생각을 구체화 시켜서 어디에 뭐가 있는지

 

명확하게 보여서 처음에는 생소하지만 점점 일을 하게되신다면 명확하니 오히려 화면설계서가 없다면 나중에는 좀 허전

 

한 느낌이 드는게 사실 입니다.

 

그럼 화면설계서가 어떤건지 예시를 보면서 설명해 보도록 하겠습니다.

 

화면설계는 제가 이전 프로젝트를 참고로 해서 간단하게 그려보았습니다.

 

 

위에 설명했다싶이 이러한 화면설계서를 개발자로써 일을 시작하게 되면 기획자 분에게 받게 될것 입니다.

 

이 화면설계를 받았다면 먼저 ERD를 확인하시는게 좋습니다.

 

※ERD가 어떤건지 궁금하시다면 여기를 확인해 주세요.

 

그리고 화면설계의 내용을 토대로 개발자의 입장에서 조금더 추가로 설명을 해보겠습니다.

 

0. 먼저 DB테이블을 확인 합니다.

 - 먼저 ERD를 보면서 저장하는 DB테이블과 위에 공지사항에 맞는 제목, 내용, 첨부파일, 등록일, 조회수에 관련된 컬럼이 어떤건지 먼저 확인 합니다. 먼저 확인해야되기 때문에 0번으로 적었습니다.

 

1. 제목, 내용으로 검색 합니다.

 - 검색 시 제목과 내용으로 같이 검색할 수 있게 쿼리를 짜는게 좋습니다. or 조건을 잘 활용하시면 됩니다.

 

2. 리스트를 확인 합니다.

 - 등록한 내용이 없는경우 "등록한 내용이 없습니다." 라는 메시지가 나올 수 있게 합니다.

 

그리고 순서는 최신순으로 먼저 리스팅이 되게 DESC로 진행 하시면 됩니다. 페이징은 10개씩 하시면 됩니다.

 

3. 상세내용을 확인 합니다.

 - 상세내용을 확인해야 되는데 보통 개발을 하는경우 시퀀스를 화면에서 가지고 있다가 시퀀스로 상세를 조회할 수 있게 합니다.

 

4. 첨부파일

 - 공지사항에 파일을 개발하는경우 파일을 공통 테이블로 따로 빼두는경우가 많습니다.

 

그러니 파일테이블을 먼저 확인하시고 공지사항 테이블에 파일시퀀스로 연결되는경우가 많으니 같이 확인하시면 됩니다.

 

추가로 파일이 지금 한개만 있는데 요즘 파일이 여러개가 등록되는 경우도 많습니다. 이런경우에는 기획자분과 상의를 하시고 첨부파일을 보여주는 방법부터 다시 상의를 하시면 됩니다.

 

(모르는게 생기면 고민을 해보시고 바로 기획자분과 상담하시는걸 추천 드립니다.)

 

5. 등록일

 - 글이 등록되는 등록일을 보여주시면 됩니다. 그리고 보통 테이블에 등록일 & 수정일 컬럼이 같이 셋트로 있어야 됩니다. 그점만 먼저 확인해주시면 됩니다.

 

6. 조회수

 - 조회수의 경우에는 중복에 대해서 고민을 해 볼 필요가 있습니다. 중복을 해도 된다면 그냥 카운트로 +1 씩 하시면

 

됩니다만 중복을 피해야된다고 한다면 다른방법을 고민해 보시면 됩니다.

 

이러한 것들은 개발자의 독단으로 진행하시면 안되고 기획자분과 꼭 상의를 하시고 진행 하시면 됩니다.

 

7. 페이징

 - 페이징의 경우에는 왠만한 프로젝트에 가시면 다 되어있고 가져다가 쓰시기만 하면 되는경우가 많습니다.

 

다른 소스를 잘살펴보고 진행 하시면 됩니다. 하지만 정말 이해를 하시고 쓰신다면 더좋습니다.

 

개발자는 어떻게 시작되고 어떻게 중간에 데이터가 넘어가고 어떻게 데이터가 리스팅,저장,수정,삭제 되는지 상세하게

 

알아야 됩니다. 단순하게 화면설계만 보고 에이 이러면 되겠지 하면서 개발을 하다가 보면 막힐 수밖에 없습니다.

 

하지만 처음 하시는 분들은 이런연습이 안되어 있으니 알기가 쉽지 않습니다. 그리고 알고 있는 지식의 범위도 넓지

 

않으니깐요 하지만 자주 만들어보시고 하다가 보면 사고가 그렇게 변하게 됩니다.