Bond - 관심사를 기반으로 그룹 생성이 가능한 SNS 서비스

패스트캠퍼스 프론트엔드 스쿨 4기 수료생 3명이 함께 하는 프로젝트 ‘Bond’는 관심사를 기반으로 그룹 생성이 가능한 SNS서비스입니다. 벤치마킹 서비스는 ‘밴드’입니다.

‘Bond’라는 이름은 'a close connection joining two or more people'라는 의미의 영단어 ‘bond’에서 가져온 것입니다.

기능 MVP는 아래와 같습니다.

1. 회원가입
2. 로그인
3. 내 정보 수정
4. 그룹 개설
5. 그룹 가입
6. 그룹 검색
7. 그룹 글 등록 및 삭제 - 글, 사진
8. 그룹 글들 모아보기
9. 내 글 모아보기

업무 분담은 기능 단위로 하고 있으며 작업은 주로 pair-programming을 통해 진행하고 있습니다.
협업은 git 을 활용한 버전 관리를 하고 있습니다. 또한 github 프로젝트 메뉴를 사용해 일정 관리를 하고 있으며 일별 진행과정은 스크럼보드에 작성하고 있습니다.

일별 진행 과정 스크럼 보드 :

https://is.gd/pUsmLK

github 프로젝트 과정 : https://is.gd/802lG6

Mood - 하루의 감정을 기록 할 수 있는 다이어리

1. 개요

패스트캠퍼스 프론트엔드 개발 스쿨 4기 수료 후 지난 프로젝트(http://school.fastcampus.co.kr/outcomes/dev_fds/77/)
에서 부족했던 부분들을 보충하고자 시작한 프로젝트입니다. 파이어베이스를 활용해 회원가입 및 로그인, 데이터베이스를 구현했으며 배포까지 진행했습니다.

2. 팀 구성원

프론트엔드 - 고세민 (https://github.com/degose/mood/tree/master)
프론트엔드 - 김태훈(https://github.com/realkth/mood/tree/master)

3. 활용 기술

- Vue.js
- Vuex
- Vue-router
- axios
- Scss
- HTML
- webpack
- Firebase

4. 주요 기능

- 회원 가입 및 이메일 인증
- 로그인
- 회원 정보 설정 및 수정 (프로필 사진 및 유저 네임)
- 달력 - 날짜를 선택해 해당 날짜에 작성
- 일기 쓰기 및 수정
- 감정 이모티콘으로 감정 기록 - 선택한 감정 이모티콘이 달력에 반영
- 감정 선택 횟수 통계 - 도넛 차트로 감정 선택 횟수 통계를 시각화
- 한달에 일기를 몇 번 기록했는지 통계 제공

5. 서비스 환경

- IE 9+ 크로스 브라우징 대응
- 반응형 및 터치 이벤트 지원으로 모바일 환경 대응
- 웹 접근성과 웹 표준 준수

6. 업무 분담 및 협업 방안

- 기능별 분담
- git 을 활용한 버전 관리
- 페어 프로그래밍
- 작업 분담은 깃헙의 프로젝트 메뉴와 이슈 메뉴를 활용해서 관리
- 작업 진행상황은 스크럼보드를 활용해서 공유

github 프로젝트 : https://github.com/realkth/mood/projects/1
github 이슈 : https://github.com/realkth/mood/issues?q=is:issue+is:closed
스크럼보드 : https://docs.google.com/spreadsheets/d/1i7tOWOv7eNiqQlEGzf7wO5ybKPk8lishXqrKqkRDrzU/edit?ts=59b76c7c#gid=0

https://mood-vuex.firebaseapp.com

개인 포트폴리오 웹사이트

포트폴리오 웹사이트 : https://th-portfolio.firebaseapp.com
Github : https://github.com/realkth/Portfolio-React

1. 개요


이전에 사용하던 프레임워크 Vue.js 대신에 새롭게 공부를 시작한 React를 활용해서 제작한 포트폴리오 웹사이트입니다.



2. 활용 기술


- JSX

- Scss

- Bootstrap

- React

- JavaScript

- Firebase





3. 서비스 환경


- IE 10+ 이상

- 반응형

https://th-portfolio.firebaseapp.com