[키즈존 어플 개발기] 0. 프로젝트를 시작하며

작년 한 해 동안 프론트엔드 개발자로 회사를 다니다가 이번 학기에 복학을 했습니다.

 

회사 다니는 동안에도 여러 가지 사이드 프로젝트를 시도해봤지만, 한 번 쯤은 모르는 사람들이 아니라 마음 맞는 친구들을 모아 우리만의 아이디어로 협업 프로젝트를 경험해보고 싶다는 생각을 갖고 있었습니다.

 

그러던 중, 좋은 기회로 아이디어 뱅크 친구와 함께 프로젝트를 하게 되었습니다!!!

제가 할 줄 아는 건 퍼블리싱밖에 없는데 다재다능한 친구가 잘 이끌어주어서 보다 막힘없이 진행되고 있는 것 같습니다.

 

협업 프로젝트 경험은 몇 번 있어서 친구랑 둘이서 단촐하게 시작한 프로젝트라 기획, 디자인, 개발, QA, 배포까지 모두 둘이서 해결해야하는 프로젝트인 만큼 힘든 미래가 예상되지만 해보고 싶었던 것들 다 해보고 개발 프로세스가 어떻게 돌아가는지도 확실하게 배울 수 있는 좋은 기회라고 생각됩니다!

 

첫 회의를 통해 대략적인 프로젝트 진행 계획표를 세웠습니다.

 

1. 목표

1. 즐겨야돼 고통스러우면 안됨
2. 새로운 방식 도입을 두려워 하지 않기 (TDD등)
3. 문서화 잘하기
4. 클린 코드
5. 깃허브 액션, 깃플로우 사용 
6. 전체적인 프로젝트 구조 이해하기 

2. 요구사항, 기능 정의

• 서비스 이름 : 무명이
• 목적 : 키즈존을 이용하고 싶어하는 사용자들 키즈존 정보를 얻을 수 있도록 한다.
• 예상되는 사용자의 요구사항
  • 내위치 기반 주변 키즈존 목록
  • 지역별 키즈존 목록
  • 각 키즈존 정보
    • 영업시간
    • 어린이 메뉴, 어린이 의자, 기저귀 교환대 여부
    • 메뉴
  • 식당 등록  
  • 사용자 리뷰
  • 북마크 (즐겨찾기)
  • 키즈존 추천 (핫한곳)
  • 사용자 관리 페이지
    • 내가 쓴 리뷰 모음
    • 내가 등록한 장소 모음
    • 북마크 모음
  • 기본 구현해야 될 것들
    • 진입 페이지
    • 로딩
    • 로그인 / 로그아웃
      • sns 로그인 기능
      • 자동 로그인 기능
    • 네비게이션
    • 메인 화면
    • 에러메시지 팝업

3. 기술스택

• 프론트엔드
  • 언어 : 타입스크립트
  • 프레임워크 : 리액트
  • 상태관리 라이브러리 : 보류
  • css  : SCSS(SASS) , 부트스트랩, 스타일드컴포넌트
• 백엔드
  • node.js
  • Mysql
  • aws 이용해서 배포해보기
    • 데이터베이스 서버
    • 백엔드 서버
    • 프론트엔드 서버
  • 깃허브 액션

 

4. 기간 (대략적)

예상 기간 : 4개월 (4월 1일 ~ 8월 31일)

 

대략적인 계획

• 기획 : 2주
• 디자인 : 1주
• 퍼블리싱 : 3주
• 서버 구축 : 1주
• 개발 : 6주
• 통합테스트 : 1주
• 사용자 배포 : 1주

인력이 굉장히 부족하기 때문에... 아주 빡빡하게 돌아가는 우리 프로젝트...

 

기획, 디자인, 개발, 배포까지 모든 프로세스를 경험해보는 것과 함께

문서화, 체계화를 통해서 이 경험을 헛되이 하지 않는 게 우리의 큰 목표!

 

웹뷰를 네이티브안에 직접 넣었을 때 웹뷰 조작하는 방법에 대한 공부 더 필요!!!