seunghyun Note

00의 서재 - Project Conception & Initiation 본문

프로젝트/00의 서재

00의 서재 - Project Conception & Initiation

승숭슝현 2024. 3. 6. 11:55
728x90
반응형

Project Conception & Initiation

 

✏️ Contents

  • 기획 주제
  • Stack & tool
  • 아이디어 스피치
  • 요구 사항 정의서 
  • user flow
  • DB
  • UI 설계

목차의 순서로 기획


기획 주제 선정 (24020X~ 24020X)

프로젝트 주제 : 프라이빗한 개인 서재와 서로 어떤 책을 읽고 느꼈는지 공유하는 웹 사이트

팀명 : IF (mbti I와 F의 모임)

서비스 : e-book service(e-book 구현), 책 등록 및 관리, 책 리뷰 공유, (+e-book 음성지원)


Stack & tool (추후에 변경)

프론트: React JS, styled-component, react-query, recoil, js, axios

UI : Figma,excalidraw

백엔트: Java17, Spring Boot, MySQL8, Gradle, JPA, Mybatis, 시큐리티, 쿼리DS, 타임리프

데브옵스: NCP, docker, jenkins

communication : notion, google sheet, figma


아이디어 스피치(24020X ~ 24020X)

추후에 많이 바뀌겠지만 전반적인 기획 단계와 어떤 기능들과 요소들을 넣을지 회의

브레인스토밍과 아이디어 스피치는 Excalidraw Tool을 이용해 작성

필요한 기능과 비기능적인 요소들은 요구사항명세서와 DB 설계할 때 디테일하게 접근


요구 사항 정의서 작성 (2024020X~ 2024020X)

개발을 진행하면서 추가적으로 많이 변경이 되겠지만 현 시점에서 우리가 할 수 있고 기능적, 비기능적으로 나누면서 기획을 진행

세부적인 내용들은 기능별로 이벤트가 발생했을 때의 결과물들을 추가했고 제약사항 및 조건 등을 고려하면서 기능적인 요소들을 참고할 예정

여러개의 요소 중 한개


USE FLOW 작성(202402~202403)

use flow 초안

 

use flow를 작성하면서 웹사이트의 전반적인 흐름을 파악하고 서로 추구하는 방향이 같은지를 확인하며 기획을 의도


DB 작성(202402~202403)

use flow를 기반으로 ERD 생성

 

userflow와 회의 내용을 기반으로 DB 테이블 ERD 생성

 


UI 설계

 

https://www.figma.com/file/NDXn1v6CLkbVsGQ35dnLZp/Untitled?type=design&node-id=0-1&mode=design&t=CrR5XDJOEUBoYCOG-0

 

Figma

Created with Figma

www.figma.com

figma 를 통해 UI를 설계하고 회의 (아직 미완성)

728x90
반응형

'프로젝트 > 00의 서재' 카테고리의 다른 글

00의 서재 - 오류 정리 (react modal 여러개)  (0) 2024.04.08