프로젝트 결산, 앞으로 하고 싶은 프로젝트 조사

날짜 : 2017. 12. 28.(목)

프로젝트 결산, 앞으로 하고 싶은 프로젝트 조사

목차

1. 프로젝트 관련 내용
2. 기술적, 비기술적 알게된 것들
3. 다음 프로젝트 관련 내용

1. 프로젝트 관련 내용

1. 프로젝트 개요 : LoL에서 캐릭터 스탯이 좋은 캐릭을 찾고, 비교하는 어플리케이션

2. 동기 및 목표

   • 관심있는 분야에 대해서 어플리케이션을 만들기
   • React 사용해 보기 (학습이 아니었음)
   • D3를 사용해서 수려하게 보이기 (실패)
   • 실제 커뮤니티 사이트에 공개하기

3. 기술 스펙

   • 배포 : Heroku(PHP)
   • 화면 : React + WebPack + ES6(babel)
   • 툴 : git&Github + sublime

4. 기간별 한일

	작업내용	전체 작업수	수행 작업수	작업시간	특이사항
S1	설계 및 필요지식 습득	4	-	6H	학습시간 미 반영
S2	프로토타입 화면 구현	9	-	19H
S3	자료형 설계 및 D3 학습	0	-		학습시간 미 반영
S4	D3학습 및 화면 통합	1	-	20H	D3 통합작업 미반영
S5	기존 기능 개선(1)	5	2	15H
S6	기존 기능 개선(2)	9	9	29H	프로젝트 정리

5. 개발명세서 진행율 : 82%

6. 개발진행 시간 : 89H / 6주 (2.9시간 / 1일)

7. 홈페이지 구현 기능

   • 캐릭터별 스탯 확인 (공격력, HP, 물리방어력, 마법방어력)
   • 2개 캐릭터 스탯 비교
   • 이전 확인한 캐릭터 내역 확인

8. 홈페이지 개발시 고민사항

   • 데이터 최신화를 하는 방법 (패치별 캐릭터 데이터가 다름)
   • 전체 캐릭터의 평균, 최대, 최소 스탯 구하는 시점 (홈페이지 속도와 연관)
   • 홈페이지 반응형으로 구현시 디자인

9. 홈페이지 개발후 느낀점

   • 서비스를 목표로 하는 제품은 고민해야 할 사항이 많다. (기술적인 부분 + 편의성)
   • 디자인, UX, 최적화, 개발기간 모든것을 만족할 수 는 없다. (1가지에 집중을 해야 한다.)

2. 기술적 비기술적 알게된 내용

1. 기술적인 부분

   1. REACT 관련 사항
      • JSX 문법 및 주의사항
      • mutable, immutable 변수 사용 (state, props)
      • REACT life-cycle 변수 관리
      • 배열 핸들링 방법
   2. WEBPACK 사용
   3. Heroku 사이트 배포
   4. HTML cookie 사용
   5. D3 사용

2. 비기술적인 부분

   1. 칸반보드를 이용한 일정관리
   2. 명세서 작성(기능명세서, UI가이드)
   3. 일일피드백, 스프린트 피드백 작성

3. 다음 프로젝트 관련 내용

1. 현재 프로젝트를 정리하는 이유

   • 현재 서비스 개선 부분을 구상 및 기획
   • 현재의 프로젝트 코드가 구조적으로 비효율적 (컴포넌트화 되어 있지 않다.)
   • REACT기술적으로 새로운 부분 조사

2. 다음 프로젝트시 고려하고 있는 항목

   • SEO최적화 및 검색사이트 노출 방법
   • SPA, redux 적용 가능 부분
   • TDD 적용
   • 성능최적화
   • UI가이드 작성 (sketchapp, react design tool)